.icon-alert::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f02d";
}
.icon-alignment-align::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f08a";
}
.icon-alignment-aligned-to::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f08e";
}
.icon-alignment-unalign::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f08b";
}
.icon-arrow-down::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f03f";
}
.icon-arrow-left::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f040";
}
.icon-arrow-right::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f03e";
}
.icon-arrow-small-down::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0a0";
}
.icon-arrow-small-left::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0a1";
}
.icon-arrow-small-right::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f071";
}
.icon-arrow-small-up::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f09f";
}
.icon-arrow-up::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f03d";
}
.icon-beaker::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0dd";
}
.icon-beer::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f069";
}
.icon-bell::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0de";
}
.icon-bold::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0e2";
}
.icon-book::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f007";
}
.icon-bookmark::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f07b";
}
.icon-briefcase::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0d3";
}
.icon-broadcast::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f048";
}
.icon-browser::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0c5";
}
.icon-bug::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f091";
}
.icon-calendar::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f068";
}
.icon-check::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f03a";
}
.icon-checklist::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f076";
}
.icon-chevron-down::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0a3";
}
.icon-chevron-left::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0a4";
}
.icon-chevron-right::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f078";
}
.icon-chevron-up::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0a2";
}
.icon-circle-slash::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f084";
}
.icon-circuit-board::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0d6";
}
.icon-clippy::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f035";
}
.icon-clock::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f046";
}
.icon-cloud-download::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f00b";
}
.icon-cloud-upload::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f00c";
}
.icon-code::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f05f";
}
.icon-color-mode::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f065";
}
.icon-comment::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f02b";
}
.icon-comment-add::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f02b";
}
.icon-comment-discussion::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f04f";
}
.icon-credit-card::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f045";
}
.icon-dash::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0ca";
}
.icon-dashboard::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f07d";
}
.icon-database::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f096";
}
.icon-desktop-download::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0dc";
}
.icon-device-camera::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f056";
}
.icon-device-camera-video::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f057";
}
.icon-device-desktop::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f27c";
}
.icon-device-mobile::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f038";
}
.icon-diff::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f04d";
}
.icon-diff-added::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f06b";
}
.icon-diff-ignored::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f099";
}
.icon-diff-modified::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f06d";
}
.icon-diff-removed::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f06c";
}
.icon-diff-renamed::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f06e";
}
.icon-ellipses::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f101";
}
.icon-ellipsis::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f09a";
}
.icon-eye::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f04e";
}
.icon-eye-unwatch::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f04e";
}
.icon-eye-watch::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f04e";
}
.icon-file::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f102";
}
.icon-file-add::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f05d";
}
.icon-file-binary::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f094";
}
.icon-file-code::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f010";
}
.icon-file-directory-create::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f05d";
}
.icon-file-media::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f012";
}
.icon-file-pdf::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f014";
}
.icon-file-submodule::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f017";
}
.icon-file-symlink-directory::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0b1";
}
.icon-file-symlink-file::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0b0";
}
.icon-file-text::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f011";
}
.icon-file-zip::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f013";
}
.icon-flame::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0d2";
}
.icon-fold::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0cc";
}
.icon-gear::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f02f";
}
.icon-gift::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f042";
}
.icon-gist::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f00e";
}
.icon-gist-fork::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f002";
}
.icon-gist-new::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f05d";
}
.icon-gist-private::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f06a";
}
.icon-gist-secret::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f08c";
}
.icon-git-branch::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f020";
}
.icon-git-branch-create::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f020";
}
.icon-git-branch-delete::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f020";
}
.icon-git-commit::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f01f";
}
.icon-git-compare::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0ac";
}
.icon-git-fork-private::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f06a";
}
.icon-git-merge::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f023";
}
.icon-git-pull-request::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f009";
}
.icon-git-pull-request-abandoned::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f009";
}
.icon-globe::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0b6";
}
.icon-grabber::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f103";
}
.icon-graph::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f043";
}
.icon-heart::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\2665";
}
.icon-history::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f07e";
}
.icon-home::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f08d";
}
.icon-horizontal-rule::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f070";
}
.icon-hourglass::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f09e";
}
.icon-hubot::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f09d";
}
.icon-inbox::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0cf";
}
.icon-info::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f059";
}
.icon-issue-closed::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f028";
}
.icon-issue-opened::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f026";
}
.icon-issue-reopened::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f027";
}
.icon-italic::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0e4";
}
.icon-jersey::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f019";
}
.icon-jump-down::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f072";
}
.icon-jump-left::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0a5";
}
.icon-jump-right::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0a6";
}
.icon-jump-up::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f073";
}
.icon-key::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f049";
}
.icon-keyboard::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f00d";
}
.icon-law::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0d8";
}
.icon-light-bulb::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f000";
}
.icon-link::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f05c";
}
.icon-link-external::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f07f";
}
.icon-list-ordered::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f062";
}
.icon-list-unordered::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f061";
}
.icon-location::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f060";
}
.icon-lock::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f06a";
}
.icon-log-in::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f036";
}
.icon-log-out::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f032";
}
.icon-logo-gist::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0ad";
}
.icon-logo-github::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f092";
}
.icon-mail::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f03b";
}
.icon-mail-read::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f03c";
}
.icon-mail-reply::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f051";
}
.icon-mark-github::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f00a";
}
.icon-markdown::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0c9";
}
.icon-megaphone::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f077";
}
.icon-mention::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0be";
}
.icon-microscope::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f089";
}
.icon-milestone::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f075";
}
.icon-mirror::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f024";
}
.icon-mirror-private::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f06a";
}
.icon-mirror-public::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f024";
}
.icon-mortar-board::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  /* content: "\f0d7"; */
}
.icon-move-down::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0a8";
}
.icon-move-left::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f074";
}
.icon-move-right::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0a9";
}
.icon-move-up::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0a7";
}
.icon-mute::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f080";
}
.icon-no-newline::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f09c";
}
.icon-octoface::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f008";
}
.icon-organization::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f037";
}
.icon-package::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0c4";
}
.icon-paintcan::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0d1";
}
.icon-pencil::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f058";
}
.icon-person::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f018";
}
.icon-person-add::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f018";
}
.icon-person-follow::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f018";
}
.icon-pin::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f041";
}
.icon-playback-fast-forward::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0bd";
}
.icon-playback-pause::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0bb";
}
.icon-playback-play::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0bf";
}
.icon-playback-rewind::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0bc";
}
.icon-plug::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0d4";
}
.icon-plus::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f05d";
}
.icon-plus-small::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f104";
}
.icon-podium::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0af";
}
.icon-primitive-dot::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f052";
}
.icon-primitive-square::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f053";
}
.icon-pulse::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f085";
}
.icon-puzzle::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0c0";
}
.icon-question::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f02c";
}
.icon-quote::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f063";
}
.icon-radio-tower::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f030";
}
.icon-remove-close::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f081";
}
.icon-reply::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f105";
}
.icon-repo::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f001";
}
.icon-repo-clone::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f04c";
}
.icon-repo-create::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f05d";
}
.icon-repo-delete::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f001";
}
.icon-repo-force-push::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f04a";
}
.icon-repo-forked::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f002";
}
.icon-repo-pull::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f006";
}
.icon-repo-push::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f005";
}
.icon-repo-sync::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f087";
}
.icon-rocket::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f033";
}
.icon-rss::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f034";
}
.icon-ruby::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f047";
}
.icon-screen-full::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f066";
}
.icon-screen-normal::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f067";
}
.icon-search::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f02e";
}
.icon-search-save::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f02e";
}
.icon-server::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f097";
}
.icon-settings::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f07c";
}
.icon-shield::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0e1";
}
.icon-sign-in::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f036";
}
.icon-sign-out::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f032";
}
.icon-smiley::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0e7";
}
.icon-split::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0c6";
}
.icon-squirrel::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0b2";
}
.icon-star::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f02a";
}
.icon-star-add::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f02a";
}
.icon-star-delete::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f02a";
}
.icon-steps::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0c7";
}
.icon-stop::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f08f";
}
.icon-sync::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f087";
}
.icon-tag::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f015";
}
.icon-tag-add::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f015";
}
.icon-tag-remove::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f015";
}
.icon-tasklist::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0e5";
}
.icon-telescope::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f088";
}
.icon-terminal::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0c8";
}
.icon-text-size::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0e3";
}
.icon-three-bars::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f05e";
}
.icon-thumbsdown::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0db";
}
.icon-thumbsup::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0da";
}
.icon-tools::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f031";
}
.icon-trashcan::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0d0";
}
.icon-triangle-down::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f05b";
}
.icon-triangle-left::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f044";
}
.icon-triangle-right::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f05a";
}
.icon-triangle-up::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0aa";
}
.icon-unfold::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f039";
}
.icon-unmute::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0ba";
}
.icon-unverified::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0e8";
}
.icon-verified::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0e6";
}
.icon-versions::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f064";
}
.icon-watch::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f0e0";
}
.icon-x::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f081";
}
.icon-zap::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\26A1";
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
body {
  margin: 0;
}
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button,
select {
  text-transform: none;
}
button,
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  padding: 0;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@font-face {
  font-family: 'Octicons Regular';
  src: url("octicons-2.1.2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Octicons Regular';
  src: url("octicons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
html {
  font-family: 'BlinkMacSystemFont', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;
  font-size: 12px;
  line-height: 1.428571429;
  color: #9ba4b5;
  background-color: #23272f;
}
.platform-darwin ride-text-editor[mini] .editor-contents--private {
  cursor: -webkit-image-set(url('') 1x, url('') 2x) 5 8, text;
}
ride-panel-container.left,
ride-panel-container.right {
  display: flex;
}
/* .tool-panel,
ride-panel {
  display: block;
  position: relative;
} */
ride-panel-container > ride-panel.left,
ride-panel-container > ride-panel.right {
  display: flex;
}
ride-panel-container > ride-panel.left > *,
ride-panel-container > ride-panel.right > * {
  height: initial;
}
ride-pane-container {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
ride-pane-container ride-pane-axis {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
ride-pane-container ride-pane-axis > ride-pane-resize-handle {
  position: relative;
}
ride-pane-container ride-pane-axis > ride-pane-resize-handle:before {
  content: "";
  position: absolute;
  z-index: 3;
}
ride-pane-container ride-pane-axis.vertical {
  flex-direction: column;
}
ride-pane-container ride-pane-axis.vertical > ride-pane-resize-handle {
  border-bottom: none;
}
ride-pane-container ride-pane-axis.vertical > ride-pane-resize-handle:before {
  height: 8px;
  top: -4px;
  left: 0;
  right: 0;
  cursor: row-resize;
}
ride-pane-container ride-pane-axis.horizontal {
  flex-direction: row;
}
ride-pane-container ride-pane-axis.horizontal > ride-pane-resize-handle {
  border-right: none;
}
ride-pane-container ride-pane-axis.horizontal > ride-pane-resize-handle:before {
  width: 8px;
  left: -4px;
  top: 0;
  bottom: 0;
  cursor: col-resize;
}
ride-pane-container ride-pane {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: visible;
  min-width: 0;
  min-height: 0;
}
ride-pane-container ride-pane .item-views {
  flex: 1;
  display: flex;
  min-width: 0;
  min-height: 0;
  position: relative;
}
/* v2.0 new title background color */
ride-pane-container ride-pane .item-views .pane-item {
  color: #9ba4b5;
  background-color: #292e38;
}
ride-pane-container ride-pane .item-views > *,
ride-pane-container ride-pane .item-views > ride-text-editor.react > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.platform-win32 ride-pane-container ride-pane-axis.vertical > ride-pane-resize-handle {
  cursor: ns-resize;
}
.platform-win32 ride-pane-container ride-pane-axis.horizontal > ride-pane-resize-handle {
  cursor: ew-resize;
}
ride-text-editor .lines .markup.git-commit.changed {
  color: orange;
}
ride-text-editor .lines .markup.git-commit.deleted {
  color: red;
}
ride-text-editor .lines .markup.git-commit.inserted {
  color: green;
}
@keyframes flash {
  from {
    background-color: #00f;
  }
  to {
    background-color: null;
  }
}
ride-text-editor .flash.selection .region {
  animation-name: flash;
  animation-duration: .5s;
  animation-iteration-count: 1;
}
ride-text-editor {
  display: flex;
  font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
}
ride-text-editor .editor--private,
ride-text-editor .editor-contents--private {
  height: 100%;
  width: 100%;
}
ride-text-editor .editor-contents--private {
  width: 100%;
  cursor: text;
  display: flex;
  -webkit-user-select: none;
  position: relative;
}
ride-text-editor .gutter {
  overflow: hidden;
  z-index: 0;
  text-align: right;
  cursor: default;
  min-width: 1em;
  box-sizing: border-box;
}
ride-text-editor .line-numbers {
  position: relative;
}
ride-text-editor .line-number {
  position: relative;
  white-space: nowrap;
  padding-left: .5em;
  opacity: 0.6;
}
ride-text-editor .line-number.cursor-line {
  opacity: 1;
}
ride-text-editor .line-number .icon-right {
  display: inline-block;
  visibility: hidden;
  opacity: .6;
  padding: 0 .4em;
}
ride-text-editor .line-number .icon-right::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 0.8em;
  width: 0.8em;
  height: 0.8em;
  content: "\f0a3";
}
ride-text-editor .line-number .icon-right::before {
  text-align: center;
}
ride-text-editor .gutter:hover .line-number.foldable .icon-right {
  visibility: visible;
}
ride-text-editor .gutter:hover .line-number.foldable .icon-right:hover {
  opacity: 1;
}
ride-text-editor .gutter .line-number.folded .icon-right,
ride-text-editor .gutter:hover .line-number.folded .icon-right {
  visibility: visible;
}
ride-text-editor .gutter .line-number.folded .icon-right::before,
ride-text-editor .gutter:hover .line-number.folded .icon-right::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 0.8em;
  width: 0.8em;
  height: 0.8em;
  content: "\f078";
}
ride-text-editor .gutter .line-number.folded .icon-right::before,
ride-text-editor .gutter:hover .line-number.folded .icon-right::before {
  position: relative;
  left: -0.1em;
}
ride-text-editor .scroll-view {
  position: relative;
  z-index: 0;
  overflow: hidden;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
ride-text-editor .highlight {
  background: none;
  padding: 0;
}
ride-text-editor .highlight .region {
  position: absolute;
  pointer-events: none;
  z-index: -1;
}
ride-text-editor .lines {
  min-width: 100%;
  position: relative;
  z-index: 1;
}
ride-text-editor .line {
  white-space: pre;
}
ride-text-editor .line.cursor-line .fold-marker::after {
  opacity: 1;
}
ride-text-editor .fold-marker {
  cursor: default;
}
ride-text-editor .fold-marker::after {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 0.8em;
  width: 0.8em;
  height: 0.8em;
  content: "\f09a";
  padding-left: 0.2em;
}
ride-text-editor .placeholder-text {
  position: absolute;
  color: rgba(155, 164, 181, 0.6);
}
ride-text-editor .invisible-character {
  font-weight: normal !important;
  font-style: normal !important;
}
ride-text-editor .indent-guide {
  display: inline-block;
  box-shadow: inset 1px 0;
}
ride-text-editor .hidden-input {
  padding: 0;
  border: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  width: 1px;
}
ride-text-editor .cursor {
  z-index: 4;
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  border-left: 1px solid;
  opacity: 0;
}
ride-text-editor.is-focused .cursor {
  opacity: 1;
}
ride-text-editor .cursors.blink-off .cursor {
  opacity: 0;
}
ride-text-editor .horizontal-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 15px;
  overflow-x: auto;
  overflow-y: hidden;
  z-index: 3;
  cursor: default;
}
ride-text-editor .horizontal-scrollbar .scrollbar-content {
  height: 15px;
}
ride-text-editor .vertical-scrollbar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 3;
  cursor: default;
}
ride-text-editor .scrollbar-corner {
  position: absolute;
  overflow: auto;
  bottom: 0;
  right: 0;
}
ride-text-editor[mini] {
  font-size: 14px;
  line-height: 25px;
  max-height: 27px;
  overflow: auto;
}
atom-overlay {
  position: fixed;
  display: block;
  z-index: 4;
}
.title-bar {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: content-box;
  font-size: 13px;
  background-color: #292e38;
  border-bottom: 1px solid #1a1d23;
  transition: margin-top 160ms;
  -webkit-user-select: none;
  -webkit-app-region: drag;
}
.title-bar .title {
  flex: 0 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.is-blurred .title-bar {
  color: rgba(155, 164, 181, 0.6);
}
.custom-title-bar .title-bar {
  height: 22px;
  padding-left: 68px;
  padding-right: 68px;
}
.custom-title-bar.fullscreen .title-bar {
  margin-top: -22px;
}
.custom-title-bar ride-panel.modal {
  top: 22px;
}
.custom-inset-title-bar .title-bar {
  height: 38px;
  padding-left: 78px;
  padding-right: 78px;
}
.custom-inset-title-bar.fullscreen .title-bar {
  margin-top: -38px;
}
.custom-inset-title-bar ride-panel.modal {
  top: 38px;
}
.hidden-title-bar .status-bar {
  -webkit-app-region: drag;
}
ride-workspace {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  color: #9ba4b5;
  background-color: #23272f;
  font-family: 'BlinkMacSystemFont', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;
}
ride-workspace ride-workspace-axis {
  position: relative;
}
ride-workspace ride-workspace-axis.horizontal {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
ride-workspace ride-workspace-axis.vertical {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
:focus {
  outline: none;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
}
hr {
  margin-top: 17px;
  margin-bottom: 17px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.alert {
  padding: 15px;
  margin-bottom: 17px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #d6dae1;
  background-color: #323843;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #d6dae1;
  background-color: #323843;
  border-radius: 3px;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
}
pre {
  display: block;
  padding: 8px;
  margin: 0 0 8.5px;
  font-size: 11px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #d6dae1;
  background-color: #323843;
  border: 1px solid #1a1d23;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 17px;
  font-size: 18px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 2px auto #6494ed;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 31px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 17px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 29px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 28px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 28px;
  line-height: 28px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 28px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 28px;
  line-height: 28px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 28px;
  min-height: 28px;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 1.5;
}
.input-lg {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 42px;
  line-height: 42px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 42px;
  line-height: 42px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 42px;
  min-height: 32px;
  padding: 11px 16px;
  font-size: 15px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 38.75px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 31px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 22px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #e5e7eb;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 24px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 11px;
  }
}
a {
  cursor: pointer;
  color: #d6dae1;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #d6dae1;
  text-decoration: underline;
}
a:focus {
  outline: 2px auto #6494ed;
  outline-offset: -2px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  border-radius: 3px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #323843;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #6494ed;
}
.nav .nav-divider {
  height: 1px;
  margin: 7.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #23272f;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #23272f;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #3b414f;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #23272f;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
section,
.section {
  position: relative;
  margin-top: 0;
}
section:last-child,
.section:last-child {
  margin-bottom: 0;
}
section.bordered,
.section.bordered {
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #323843;
  border-bottom: 1px solid #1a1d23;
}
section .section-heading:first-child,
.section .section-heading:first-child {
  margin-top: 0;
  font-weight: bold;
  color: #d6dae1;
}
div > section:first-child,
form > section:first-child,
div > .section:first-child,
form > .section:first-child {
  border-top: none;
  padding-top: 0;
}
div > section:last-child,
form > section:last-child,
div > .section:last-child,
form > .section:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 17px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #23272f;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.badge {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  border-radius: 1em;
  color: white;
  background-color: #3b414f;
  font-size: 12px;
  min-width: 18px;
  padding: 3px 5px;
}
.badge:empty {
  display: none;
}
.badge.badge-info {
  color: white;
  background-color: #0f82e6;
}
.badge.badge-success {
  color: white;
  background-color: #2ba143;
}
.badge.badge-warning {
  color: white;
  background-color: #ad7c0b;
}
.badge.badge-error {
  color: white;
  background-color: #d13b2e;
}
.badge.badge-large {
  font-size: 18px;
  min-width: 28px;
  padding: 5px 8px;
}
.badge.badge-medium {
  font-size: 14px;
  min-width: 22px;
  padding: 4px 6px;
}
.badge.badge-small {
  font-size: 10px;
  min-width: 16px;
  padding: 3px 5px;
}
.badge.badge-flexible {
  font-size: 0.8em;
  min-width: 1.6em;
  padding: 0.4em 0.6em;
}
.badge.icon {
  font-size: 13px;
  padding: 5px 10px;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn {
  border-left: 1px solid #1a1d23;
  border-right: 1px solid #1a1d23;
}
.btn-group > .btn:first-child {
  border-left: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.btn-group > .btn:last-child,
.btn-group > .btn.selected:last-child,
.btn-group > .dropdown-toggle {
  border-right: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  height: 27px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: normal;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
  border: none;
  border-radius: 3px;
  background-color: #363d49;
  white-space: nowrap;
  cursor: pointer;
  z-index: 0;
  -webkit-user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 2px auto #6494ed;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #9ba4b5;
  text-decoration: none;
  background-color: #3b414f;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.selected,
.btn.selected:hover {
  z-index: 1;
  color: white;
  background-color: #4d78cc;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #0f82e6;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #0c67b6;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0c67b6;
}
.btn-primary:active,
.btn-primary.active {
  color: #fff;
  background-color: #0c67b6;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus {
  color: #fff;
  background-color: #095495;
}
.btn-primary.selected,
.btn-primary.selected:hover {
  z-index: 1;
  background-color: #0c67b6;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #0f82e6;
}
.btn-primary .badge {
  color: #0f82e6;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #2ba143;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #207932;
}
.btn-success:hover {
  color: #fff;
  background-color: #207932;
}
.btn-success:active,
.btn-success.active {
  color: #fff;
  background-color: #207932;
}
.btn-success:active:hover,
.btn-success.active:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.btn-success:active.focus,
.btn-success.active.focus {
  color: #fff;
  background-color: #195d26;
}
.btn-success.selected,
.btn-success.selected:hover {
  z-index: 1;
  background-color: #207932;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #2ba143;
}
.btn-success .badge {
  color: #2ba143;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #0f82e6;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #0c67b6;
}
.btn-info:hover {
  color: #fff;
  background-color: #0c67b6;
}
.btn-info:active,
.btn-info.active {
  color: #fff;
  background-color: #0c67b6;
}
.btn-info:active:hover,
.btn-info.active:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.btn-info:active.focus,
.btn-info.active.focus {
  color: #fff;
  background-color: #095495;
}
.btn-info.selected,
.btn-info.selected:hover {
  z-index: 1;
  background-color: #0c67b6;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #0f82e6;
}
.btn-info .badge {
  color: #0f82e6;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #ad7c0b;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #7d5a08;
}
.btn-warning:hover {
  color: #fff;
  background-color: #7d5a08;
}
.btn-warning:active,
.btn-warning.active {
  color: #fff;
  background-color: #7d5a08;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.btn-warning:active.focus,
.btn-warning.active.focus {
  color: #fff;
  background-color: #5b4206;
}
.btn-warning.selected,
.btn-warning.selected:hover {
  z-index: 1;
  background-color: #7d5a08;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #ad7c0b;
}
.btn-warning .badge {
  color: #ad7c0b;
  background-color: #fff;
}
.btn-error {
  color: #fff;
  background-color: #d13b2e;
}
.btn-error:focus,
.btn-error.focus {
  color: #fff;
  background-color: #a73025;
}
.btn-error:hover {
  color: #fff;
  background-color: #a73025;
}
.btn-error:active,
.btn-error.active {
  color: #fff;
  background-color: #a73025;
}
.btn-error:active:hover,
.btn-error.active:hover,
.btn-error:active:focus,
.btn-error.active:focus,
.btn-error:active.focus,
.btn-error.active.focus {
  color: #fff;
  background-color: #8a271e;
}
.btn-error.selected,
.btn-error.selected:hover {
  z-index: 1;
  background-color: #a73025;
}
.btn-error.disabled:hover,
.btn-error[disabled]:hover,
fieldset[disabled] .btn-error:hover,
.btn-error.disabled:focus,
.btn-error[disabled]:focus,
fieldset[disabled] .btn-error:focus,
.btn-error.disabled.focus,
.btn-error[disabled].focus,
fieldset[disabled] .btn-error.focus {
  background-color: #d13b2e;
}
.btn-error .badge {
  color: #d13b2e;
  background-color: #fff;
}
.btn-xs,
.btn-group-xs > .btn,
.btn-group-xs > .btn {
  padding: 2.5px 5px;
  font-size: 10px;
  height: auto;
  line-height: 1.3em;
}
.btn-xs.icon:before,
.btn-group-xs > .btn.icon:before {
  font-size: 10px;
}
.btn-sm,
.btn-group-sm > .btn,
.btn-group-sm > .btn {
  padding: 2.5px 5px;
  height: auto;
  line-height: 1.3em;
}
.btn-sm.icon:before,
.btn-group-sm > .btn.icon:before {
  font-size: 13px;
}
.btn-lg,
.btn-group-lg > .btn,
.btn-group-lg > .btn {
  font-size: 14px;
  padding: 8px 12px;
  height: auto;
  line-height: 1.3em;
}
.btn-lg.icon:before,
.btn-group-lg > .btn.icon:before {
  font-size: 18px;
}
.btn-link {
  color: #6494ed;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link:hover,
.btn-link:focus {
  color: #1f64e5;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: rgba(155, 164, 181, 0.6);
  text-decoration: none;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn.icon:before {
  width: initial;
  height: initial;
  margin-right: .3125em;
}
.btn.icon:empty:before {
  margin-right: 0;
}
.btn-toolbar > .btn-group + .btn-group,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.btn-toolbar > * {
  margin-right: 5px;
}
.btn-toolbar > *:last-child {
  margin-right: 0;
}
.status-ignored {
  color: rgba(155, 164, 181, 0.6);
}
.status-added {
  color: #73c990;
}
.status-modified {
  color: #e2c08d;
}
.status-removed {
  color: #ff6347;
}
.status-renamed {
  color: #6494ed;
}
.icon::before {
  margin-right: 5px;
}
a.icon {
  text-decoration: none;
  color: #9ba4b5;
}
a.icon:hover {
  color: #d6dae1;
}
input.input-radio,
input.input-checkbox,
input.input-toggle {
  margin-top: 0;
}
.input-label {
  margin-bottom: 0;
}
.input-checkbox {
  vertical-align: middle;
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  font-size: inherit;
  border-radius: 3px;
  background-color: #404651;
  transition: background-color 0.16s cubic-bezier(0.5, 0.15, 0.2, 1);
}
.input-checkbox.input-checkbox:focus {
  outline: 0;
}
.input-checkbox:active {
  background-color: #0f82e6;
}
.input-checkbox:before,
.input-checkbox:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 6.4px;
  height: 2px;
  border-radius: 1px;
  background-color: #292e38;
  transform-origin: 0 0;
  opacity: 0;
  transition: transform 0.1s cubic-bezier(0.5, 0.15, 0.2, 1), opacity 0.1s cubic-bezier(0.5, 0.15, 0.2, 1);
}
.input-checkbox:before {
  width: 5.28px;
  transform: translate3d(0, 0, 0) rotate(225deg) scale(0);
}
.input-checkbox:after {
  width: 10.56px;
  margin: -1px;
  transform: translate3d(0, 0, 0) rotate(-45deg) scale(0);
  transition-delay: .05s;
}
.input-checkbox:checked {
  background-color: #0f82e6;
}
.input-checkbox:checked:active {
  background-color: #404651;
}
.input-checkbox:checked:before {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(225deg) scale(1);
  transition-delay: .05s;
}
.input-checkbox:checked:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(-45deg) scale(1);
  transition-delay: 0;
}
.input-checkbox:indeterminate {
  background-color: #0f82e6;
}
.input-checkbox:indeterminate:active {
  background-color: #404651;
}
.input-checkbox:indeterminate:after {
  opacity: 1;
  transform: translate3d(-2.24px, -4px, 0) rotate(0deg) scale(1);
  transition-delay: 0;
}
.input-color {
  vertical-align: middle;
  -webkit-appearance: none;
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #1a1d23;
  background-color: #1c1f26;
}
.input-color::-webkit-color-swatch-wrapper {
  padding: 0;
}
.input-color::-webkit-color-swatch {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transition: transform 0.16s cubic-bezier(0.5, 0.15, 0.2, 1);
}
.input-color::-webkit-color-swatch:active {
  transition-duration: 0s;
  transform: scale(0.9);
}
.input-label .input-radio,
.input-label .input-checkbox,
.input-label .input-toggle {
  margin-top: -0.25em;
  margin-right: 0.3em;
}
.input-number {
  vertical-align: middle;
  padding: .25em .4em;
  line-height: 1.5;
  border-radius: 3px;
  border: 1px solid #1a1d23;
  background-color: #1c1f26;
  position: relative;
  width: auto;
}
.input-number::-webkit-input-placeholder {
  color: rgba(155, 164, 181, 0.6);
}
.input-number:invalid {
  color: #ff6347;
  border-color: #d13b2e;
}
.platform-darwin .input-number {
  padding-right: 1.2em;
}
.platform-darwin .input-number::-webkit-inner-spin-button {
  -webkit-appearance: menulist-button;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  width: calc(0.6em + 9px);
  outline: 1px solid #1c1f26;
  outline-offset: -1px;
  border-right: 0.2em solid #323843;
  background-color: #323843;
  transition: transform 0.16s cubic-bezier(0.5, 0.15, 0.2, 1);
}
.platform-darwin .input-number::-webkit-inner-spin-button:active {
  transform: scale(0.9);
  transition-duration: 0s;
}
.input-radio {
  vertical-align: middle;
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  font-size: inherit;
  border-radius: 50%;
  background-color: #404651;
  transition: background-color 0.16s cubic-bezier(0.5, 0.15, 0.2, 1);
}
.input-radio:before {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 5.33333333px solid transparent;
  background-clip: content-box;
  background-color: #292e38;
  transform: scale(0);
  transition: transform 0.1s cubic-bezier(0.5, 0.15, 0.2, 1);
}
.input-radio.input-radio:focus {
  outline: none;
}
.input-radio:active {
  background-color: #0f82e6;
}
.input-radio:checked {
  background-color: #0f82e6;
}
.input-radio:checked:before {
  transform: scale(1);
}
.input-range {
  -webkit-appearance: none;
  margin: 10px 0;
  height: 4px;
  border-radius: 3px;
  background-color: #404651;
}
.input-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #0f82e6;
  transition: transform .16s;
}
.input-range::-webkit-slider-thumb:active {
  transition-duration: 0s;
  transform: scale(0.9);
}
.input-search {
  display: block;
  width: 100%;
  padding: .25em .4em;
  line-height: 1.5;
  border-radius: 3px;
  border: 1px solid #1a1d23;
  background-color: #1c1f26;
}
.input-search.input-search::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}
.input-search::-webkit-input-placeholder {
  color: rgba(155, 164, 181, 0.6);
}
.input-search:invalid {
  color: #ff6347;
  border-color: #d13b2e;
}
.input-select {
  vertical-align: middle;
  height: calc(2em + 2px);
  border-radius: 3px;
  border: 1px solid #1a1d23;
  background-color: #363d49;
}
.input-text {
  display: block;
  width: 100%;
  padding: .25em .4em;
  line-height: 1.5;
  border-radius: 3px;
  border: 1px solid #1a1d23;
  background-color: #1c1f26;
}
.input-text::-webkit-input-placeholder {
  color: rgba(155, 164, 181, 0.6);
}
.input-text:invalid {
  color: #ff6347;
  border-color: #d13b2e;
}
.input-textarea {
  display: block;
  width: 100%;
  padding: .25em .4em;
  line-height: 1.5;
  border-radius: 3px;
  border: 1px solid #1a1d23;
  background-color: #1c1f26;
}
.input-textarea::-webkit-input-placeholder {
  color: rgba(155, 164, 181, 0.6);
}
.input-textarea:invalid {
  color: #ff6347;
  border-color: #d13b2e;
}
.input-toggle {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  font-size: inherit;
  width: 32px;
  height: 16px;
  vertical-align: middle;
  border-radius: 2em;
  background-color: #404651;
  transition: background-color 0.2s cubic-bezier(0.5, 0.15, 0.2, 1);
}
.input-toggle.input-toggle:focus {
  outline: 0;
}
.input-toggle:checked {
  background-color: #0f82e6;
}
.input-toggle:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: inherit;
  border: 4px solid transparent;
  background-clip: content-box;
  background-color: #292e38;
  transition: transform 0.2s cubic-bezier(0.5, 0.15, 0.2, 1);
}
.input-toggle:active:before {
  opacity: .5;
}
.input-toggle:checked:before {
  transform: translate3d(100%, 0, 0);
}
.padded {
  padding: 10px;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
ul.block,
div.block {
  margin-bottom: 10px;
}
div > ul.block:last-child,
div > div.block:last-child {
  margin-bottom: 0;
}
.inline-block,
.inline-block-tight {
  display: inline-block;
  vertical-align: middle;
}
.inline-block {
  margin-right: 10px;
}
.inline-block-tight {
  margin-right: 5px;
}
div > .inline-block:last-child,
div > .inline-block-tight:last-child {
  margin-right: 0;
}
.inline-block .inline-block {
  vertical-align: top;
}
.pull-center {
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-right .inline-block {
  margin-right: 0;
  margin-left: 10px;
}
.pull-right .inline-block-tight {
  margin-right: 0;
  margin-left: 5px;
}
.pull-right > .inline-block:first-child,
.pull-right > .inline-block-tight:first-child {
  margin-left: 0;
}
.pull-left {
  float: left !important;
}
.clearfix:before,
.clearfix:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  display: table;
}
.clearfix:after,
.form-horizontal .form-group:after,
.nav:after,
.btn-toolbar:after {
  clear: both;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #6494ed;
  border-color: #6494ed;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #ffffff;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.list-group,
.list-group .list-group-item {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  position: static;
}
.list-group,
.list-tree {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: default;
}
.list-group li:not(.list-nested-item),
.list-tree li:not(.list-nested-item),
.list-group li.list-nested-item > .list-item,
.list-tree li.list-nested-item > .list-item {
  line-height: 25px;
  text-wrap: none;
  white-space: nowrap;
}
.list-group .selected::before,
.list-tree .selected::before {
  content: '';
  background-color: #3b414f;
  position: absolute;
  left: 0;
  right: 0;
  height: 25px;
}
.list-group .selected > *,
.list-tree .selected > * {
  position: relative;
}
.list-group .icon::before,
.list-tree .icon::before {
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.list-group .no-icon,
.list-tree .no-icon {
  padding-left: 21px;
}
.list-tree .list-nested-item > .list-tree > li,
.list-tree .list-nested-item > .list-group > li {
  padding-left: 21px;
}
.list-tree.has-collapsable-children li.list-item {
  margin-left: 17px;
}
.list-tree.has-collapsable-children .list-nested-item.collapsed > .list-group,
.list-tree.has-collapsable-children .list-nested-item.collapsed > .list-tree {
  display: none;
}
.list-tree.has-collapsable-children .list-nested-item > .list-item::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 12px;
  width: 12px;
  height: 12px;
  content: "\f05b";
}

.list-tree.has-collapsable-children .list-nested-item.collapsed > .list-item::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 12px;
  width: 12px;
  height: 12px;
  content: "\f05a";
}
.list-tree.has-collapsable-children .list-nested-item.collapsed > .list-item::before {
  left: 1px;
}
.list-tree.has-collapsable-children .list-nested-item > .list-tree > li,
.list-tree.has-collapsable-children .list-nested-item > .list-group > li {
  padding-left: 17px;
}
.list-tree.has-collapsable-children .has-flat-children li.list-item,
.list-tree.has-collapsable-children.has-flat-children li.list-item {
  margin-left: 0;
}
.loading-spinner-tiny {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 16px;
  background: radial-gradient(#568af2 0.1em, transparent 0.11em);
}
.loading-spinner-tiny.inline-block {
  display: inline-block;
}
.loading-spinner-tiny::before,
.loading-spinner-tiny::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 1em;
  border: 2px solid;
  -webkit-animation: spinner-animation 1.2s infinite;
  -webkit-animation-fill-mode: backwards;
}
.loading-spinner-tiny::before {
  border-color: #568af2 transparent transparent transparent;
}
.loading-spinner-tiny::after {
  border-color: transparent #9dbbf7 transparent transparent;
  -webkit-animation-delay: 0.6s;
}
.loading-spinner-tiny.inline-block {
  display: inline-block;
}
.loading-spinner-small {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 32px;
  background: radial-gradient(#568af2 0.1em, transparent 0.11em);
}
.loading-spinner-small.inline-block {
  display: inline-block;
}
.loading-spinner-small::before,
.loading-spinner-small::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 1em;
  border: 2px solid;
  -webkit-animation: spinner-animation 1.2s infinite;
  -webkit-animation-fill-mode: backwards;
}
.loading-spinner-small::before {
  border-color: #568af2 transparent transparent transparent;
}
.loading-spinner-small::after {
  border-color: transparent #9dbbf7 transparent transparent;
  -webkit-animation-delay: 0.6s;
}
.loading-spinner-small.inline-block {
  display: inline-block;
}
.loading-spinner-medium {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 48px;
  background: radial-gradient(#568af2 0.1em, transparent 0.11em);
}
.loading-spinner-medium.inline-block {
  display: inline-block;
}
.loading-spinner-medium::before,
.loading-spinner-medium::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 1em;
  border: 2px solid;
  -webkit-animation: spinner-animation 1.2s infinite;
  -webkit-animation-fill-mode: backwards;
}
.loading-spinner-medium::before {
  border-color: #568af2 transparent transparent transparent;
}
.loading-spinner-medium::after {
  border-color: transparent #9dbbf7 transparent transparent;
  -webkit-animation-delay: 0.6s;
}
.loading-spinner-medium.inline-block {
  display: inline-block;
}
.loading-spinner-large {
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 64px;
  background: radial-gradient(#568af2 0.1em, transparent 0.11em);
}
.loading-spinner-large.inline-block {
  display: inline-block;
}
.loading-spinner-large::before,
.loading-spinner-large::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 1em;
  border: 2px solid;
  -webkit-animation: spinner-animation 1.2s infinite;
  -webkit-animation-fill-mode: backwards;
}
.loading-spinner-large::before {
  border-color: #568af2 transparent transparent transparent;
}
.loading-spinner-large::after {
  border-color: transparent #9dbbf7 transparent transparent;
  -webkit-animation-delay: 0.6s;
}
.loading-spinner-large.inline-block {
  display: inline-block;
}
.info-messages,
.error-messages {
  margin: 0;
  padding: 0;
  list-style: none;
}
.error-messages {
  color: #ff6347;
}
ul.background-message {
  font-size: 36px;
  margin: 0;
  padding: 0;
}
ul.background-message li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.background-message.centered {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  text-align: center;
}
ul.background-message.centered li {
  width: 100%;
}
.overlay,
atom-panel.modal {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  z-index: 9999;
  box-sizing: border-box;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #9ba4b5;
  background-color: #292e38;
  padding: 10px;
}
@media (max-width: 500px) {
  .overlay,
  atom-panel.modal {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
.overlay h1,
atom-panel.modal h1 {
  margin-top: 0;
  color: #d6dae1;
  font-size: 1.6em;
  font-weight: bold;
}
.overlay h2,
atom-panel.modal h2 {
  font-size: 1.3em;
}
.overlay atom-text-editor[mini],
atom-panel.modal atom-text-editor[mini] {
  margin-bottom: 10px;
}
.overlay .message,
atom-panel.modal .message {
  padding-top: 5px;
  font-size: 11px;
}
.overlay.mini,
atom-panel.modal.mini {
  width: 200px;
  margin-left: -100px;
  font-size: 12px;
}
.overlay.from-top {
  top: 0;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.overlay.from-bottom {
  bottom: 0;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.overlay.floating {
  left: auto;
}
/* .tool-panel,
.panel,
atom-panel {
  background-color: #23272f;
} */
.inset-panel {
  border-radius: 3px;
  background-color: #323843;
}
.panel-heading {
  margin: 0;
  padding: 10px;
  border-radius: 0;
  font-size: 12px;
  line-height: 1;
  background-color: #292e38;
}
.inset-panel .panel-heading {
  border-radius: 3px 3px 0 0;
}
.panel-heading .btn {
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  position: relative;
  top: -5px;
}
.select-list .loading .loading-message::before {
  font-family: 'Octicons Regular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  content: "\f09e";
}
.select-list .loading .loading-message:before {
  font-size: 1.1em;
  width: 1.1em;
  height: 1.1em;
  margin-right: 5px;
}
.select-list .loading .badge {
  margin-left: 10px;
}
.select-list ol.list-group {
  position: relative;
  overflow-y: auto;
  max-height: 312px;
  margin: 10px 0 0 0;
  padding: 0;
}
.select-list ol.list-group li {
  display: block;
}
.select-list ol.list-group li .primary-line,
.select-list ol.list-group li .secondary-line {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select-list.popover-list {
  width: 200px;
  min-width: 200px;
  margin-left: 0;
  position: relative;
  background-color: #292e38;
}
.select-list.popover-list ol.list-group {
  position: relative;
  overflow-y: scroll;
  max-height: 200px;
}
.ui-site-1 {
  background-color: #0088ff;
}
.ui-site-2 {
  background-color: #20b684;
}
.ui-site-3 {
  background-color: #cc8533;
}
.ui-site-4 {
  background-color: #D831B0;
}
.ui-site-5 {
  background-color: #EBDD5B;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 17px;
  margin-bottom: 8.5px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 8.5px;
  margin-bottom: 8.5px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 31px;
}
h2,
.h2 {
  font-size: 25px;
}
h3,
.h3 {
  font-size: 21px;
}
h4,
.h4 {
  font-size: 15px;
}
h5,
.h5 {
  font-size: 12px;
}
h6,
.h6 {
  font-size: 11px;
}
p {
  margin: 0 0 8.5px;
}
.text-smaller,
small,
.small {
  font-size: 91%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-subtle,
.text-muted {
  color: rgba(155, 164, 181, 0.6);
}
.text-highlight {
  color: #d6dae1;
}
.text-info,
.text-primary {
  color: #6494ed;
}
a.text-info:hover,
a.text-primary:hover,
a.text-info:focus,
a.text-primary:focus {
  color: #3674e7;
}
.text-info code,
.text-primary code {
  color: #6494ed;
  background: rgba(15, 130, 230, 0.2);
}
.text-info a,
.text-primary a,
.text-info a code,
.text-primary a code {
  text-decoration: underline;
  color: #3674e7;
}
.text-info a:hover,
.text-primary a:hover,
.text-info a code:hover,
.text-primary a code:hover {
  color: #1f64e5;
}
.text-success {
  color: #73c990;
}
a.text-success:hover,
a.text-success:focus {
  color: #4fba73;
}
.text-success code {
  color: #73c990;
  background: rgba(43, 161, 67, 0.2);
}
.text-success a,
.text-success a code {
  text-decoration: underline;
  color: #4fba73;
}
.text-success a:hover,
.text-success a code:hover {
  color: #43ad66;
}
.text-warning {
  color: #e2c08d;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #d8aa64;
}
.text-warning code {
  color: #e2c08d;
  background: rgba(173, 124, 11, 0.2);
}
.text-warning a,
.text-warning a code {
  text-decoration: underline;
  color: #d8aa64;
}
.text-warning a:hover,
.text-warning a code:hover {
  color: #d39f50;
}
.text-error,
.text-danger {
  color: #ff6347;
}
a.text-error:hover,
a.text-danger:hover,
a.text-error:focus,
a.text-danger:focus {
  color: #ff3814;
}
.text-error code,
.text-danger code {
  color: #ff6347;
  background: rgba(209, 59, 46, 0.2);
}
.text-error a,
.text-danger a,
.text-error a code,
.text-danger a code {
  text-decoration: underline;
  color: #ff3814;
}
.text-error a:hover,
.text-danger a:hover,
.text-error a code:hover,
.text-danger a code:hover {
  color: #fa2500;
}
.bg-primary {
  color: #fff;
  background-color: #6494ed;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #3674e7;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.highlight {
  font-weight: bold;
  border-radius: 3px;
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 700;
  color: #d6dae1;
  background-color: #323843;
}
.highlight-info {
  font-weight: bold;
  border-radius: 3px;
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 700;
  color: #d6dae1;
  background-color: #323843;
  color: #fff;
  background-color: rgba(15, 130, 230, 0.5);
}
.highlight-info {
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 500;
  color: white;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
  background-color: #0f82e6;
}
.highlight-warning {
  font-weight: bold;
  border-radius: 3px;
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 700;
  color: #d6dae1;
  background-color: #323843;
  color: #fff;
  background-color: rgba(173, 124, 11, 0.5);
}
.highlight-warning {
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 500;
  color: white;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
  background-color: #ad7c0b;
}
.highlight-error {
  font-weight: bold;
  border-radius: 3px;
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 700;
  color: #d6dae1;
  background-color: #323843;
  color: #fff;
  background-color: rgba(209, 59, 46, 0.5);
}
.highlight-error {
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 500;
  color: white;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
  background-color: #d13b2e;
}
.highlight-success {
  font-weight: bold;
  border-radius: 3px;
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 700;
  color: #d6dae1;
  background-color: #323843;
  color: #fff;
  background-color: rgba(43, 161, 67, 0.5);
}
.highlight-success {
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 500;
  color: white;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
  background-color: #2ba143;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 8.5px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
dl {
  margin-top: 0;
  margin-bottom: 17px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
blockquote {
  padding: 8.5px 17px;
  margin: 0 0 17px;
  font-size: 15px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
address {
  margin-bottom: 17px;
  font-style: normal;
  line-height: 1.42857143;
}
.tooltip {
  all: initial;
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: 'BlinkMacSystemFont', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;
  font-size: 12px;
  opacity: 0;
}
.tooltip.in {
  opacity: 0.9;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #0f82e6;
  border-radius: 3px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #0f82e6;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #0f82e6;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #0f82e6;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #0f82e6;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #0f82e6;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #0f82e6;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #0f82e6;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #0f82e6;
}
.input-color {
  height: 24px;
  width: 24px;
  border-width: 1px;
}
.style-guide .color-block {
  display: block;
  float: left;
  width: 194px;
  height: 20px;
  margin-right: 8px;
}
* {
  box-sizing: border-box;
}
html {
  font-size: 12px;
}
ride-workspace {
  background-color: #23272f;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 3px solid #23272f;
  background: #363d49;
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background: #23272f;
}
::-webkit-scrollbar-thumb:vertical:active {
  border-radius: 0;
  border-left-width: 0;
  border-right-width: 0;
}
::-webkit-scrollbar-thumb:horizontal:active {
  border-radius: 0;
  border-top-width: 0;
  border-bottom-width: 0;
}
ride-text-editor ::-webkit-scrollbar-track {
  background: #fff;
}
ride-text-editor ::-webkit-scrollbar-corner {
  background: #fff;
}
ride-text-editor ::-webkit-scrollbar-thumb {
  border-color: #fff;
  background: #d1d1d1;
}
.caret {
  border-top: 5px solid #fff;
  margin-top: -1px;
}
.badge {
  padding: 0.375em 0.6em;
  min-width: 1.875em;
  font-weight: normal;
  color: #d6dae1;
  border-radius: 2em;
  background-color: #3f4655;
}
.badge.icon {
  font-size: 1em;
  padding: 0.45454545em 0.68181818em;
}
.btn {
  height: initial;
  padding: 0 0.8em;
  font-size: 1em;
  line-height: 2em;
}
.btn,
.btn.btn-default {
  color: #9ba4b5;
  text-shadow: none;
  border: 1px solid #1a1d23;
  background-color: #363d49;
  background-image: linear-gradient(#3b414f, #363d49);
}
.btn:focus,
.btn.btn-default:focus {
  outline: none;
}
.btn:focus,
.btn.btn-default:focus,
.btn:hover,
.btn.btn-default:hover {
  color: #d6dae1;
  background-image: linear-gradient(#3f4655, #3b414f);
}
.btn:active,
.btn.btn-default:active {
  background: #2e333e;
  box-shadow: none;
}
.btn.selected,
.btn.btn-default.selected {
  background: #4d78cc;
}
.btn.selected:focus,
.btn.btn-default.selected:focus,
.btn.selected:hover,
.btn.btn-default.selected:hover {
  background: #557ecf;
}
.btn.btn-primary {
  color: #d6dae1;
  text-shadow: none;
  border: 1px solid #1a1d23;
  background-color: #4d78cc;
  background-image: linear-gradient(#557ecf, #4d78cc);
  color: white;
}
.btn.btn-primary:focus {
  outline: none;
}
.btn.btn-primary:focus,
.btn.btn-primary:hover {
  color: #ffffff;
  background-image: linear-gradient(#6187d2, #5981d0);
}
.btn.btn-primary:active {
  background: #3d6bc8;
  box-shadow: none;
}
.btn.btn-primary.selected {
  background: #1b52c2;
}
.btn.btn-primary.selected:focus,
.btn.btn-primary.selected:hover {
  background: #1c56cb;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  color: white;
}
.btn.btn-primary.icon:before {
  color: white;
}
.btn.btn-info {
  color: #d6dae1;
  text-shadow: none;
  border: 1px solid #1a1d23;
  background-color: #0f82e6;
  background-image: linear-gradient(#0f87f0, #0f82e6);
  color: white;
}
.btn.btn-info:focus {
  outline: none;
}
.btn.btn-info:focus,
.btn.btn-info:hover {
  color: #ffffff;
  background-image: linear-gradient(#1e8ef1, #1489f0);
}
.btn.btn-info:active {
  background: #0d77d3;
  box-shadow: none;
}
.btn.btn-info.selected {
  background: #0062b8;
}
.btn.btn-info.selected:focus,
.btn.btn-info.selected:hover {
  background: #0067c2;
}
.btn.btn-info:hover,
.btn.btn-info:focus {
  color: white;
}
.btn.btn-info.icon:before {
  color: white;
}
.btn.btn-success {
  color: #d6dae1;
  text-shadow: none;
  border: 1px solid #1a1d23;
  background-color: #2ba143;
  background-image: linear-gradient(#2da946, #2ba143);
  color: white;
}
.btn.btn-success:focus {
  outline: none;
}
.btn.btn-success:focus,
.btn.btn-success:hover {
  color: #ffffff;
  background-image: linear-gradient(#30b54b, #2ead47);
}
.btn.btn-success:active {
  background: #27913c;
  box-shadow: none;
}
.btn.btn-success.selected {
  background: #107f26;
}
.btn.btn-success.selected:focus,
.btn.btn-success.selected:hover {
  background: #118829;
}
.btn.btn-success:hover,
.btn.btn-success:focus {
  color: white;
}
.btn.btn-success.icon:before {
  color: white;
}
.btn.btn-warning {
  color: #d6dae1;
  text-shadow: none;
  border: 1px solid #1a1d23;
  background-color: #ad7c0b;
  background-image: linear-gradient(#b6830c, #ad7c0b);
  color: white;
}
.btn.btn-warning:focus {
  outline: none;
}
.btn.btn-warning:focus,
.btn.btn-warning:hover {
  color: #ffffff;
  background-image: linear-gradient(#c58d0d, #bb860c);
}
.btn.btn-warning:active {
  background: #996e0a;
  box-shadow: none;
}
.btn.btn-warning.selected {
  background: #7a5600;
}
.btn.btn-warning.selected:focus,
.btn.btn-warning.selected:hover {
  background: #855d00;
}
.btn.btn-warning:hover,
.btn.btn-warning:focus {
  color: white;
}
.btn.btn-warning.icon:before {
  color: white;
}
.btn.btn-error {
  color: #d6dae1;
  text-shadow: none;
  border: 1px solid #1a1d23;
  background-color: #d13b2e;
  background-image: linear-gradient(#d34336, #d13b2e);
  color: white;
}
.btn.btn-error:focus {
  outline: none;
}
.btn.btn-error:focus,
.btn.btn-error:hover {
  color: #ffffff;
  background-image: linear-gradient(#d64f43, #d4473a);
}
.btn.btn-error:active {
  background: #c0372a;
  box-shadow: none;
}
.btn.btn-error.selected {
  background: #b21d10;
}
.btn.btn-error.selected:focus,
.btn.btn-error.selected:hover {
  background: #bc1f10;
}
.btn.btn-error:hover,
.btn.btn-error:focus {
  color: white;
}
.btn.btn-error.icon:before {
  color: white;
}
.btn.btn-xs,
.btn-group-xs > .btn {
  font-size: 0.8em;
  line-height: 2em;
  padding: 0 0.8em;
}
.btn.btn-sm,
.btn-group-sm > .btn {
  font-size: 0.9em;
  line-height: 2em;
  padding: 0 0.8em;
}
.btn.btn-lg,
.btn-group-lg > .btn {
  font-size: 1.5em;
  line-height: 2em;
  padding: 0 0.8em;
}
.btn-group > .btn {
  z-index: 0;
}
.btn-group > .btn:hover {
  z-index: 0;
}
.btn-group > .btn:first-child {
  border-left: 1px solid #1a1d23;
}
.btn-group > .btn:last-child {
  border-right: 1px solid #1a1d23;
}
.btn-group > .btn.btn:focus {
  z-index: 1;
}
.btn-group > .btn.selected,
.btn-group > .btn.selected:first-child,
.btn-group > .btn.selected:last-child {
  color: #fff;
  border: 1px solid #1a1d23;
}
.btn-group > .btn.selected + .btn {
  border-left-color: #1a1d23;
}
.btn.icon:before {
  line-height: inherit;
  vertical-align: top;
}
ride-text-editor[mini] {
  overflow: auto;
  font-size: 1.15em;
  line-height: 2em;
  max-height: 10em;
  padding-left: 0.5em;
  border-radius: 3px;
  color: #d6dae1;
  border: 1px solid #1a1d23;
  background-color: #1c1f26;
}
ride-text-editor[mini] .placeholder-text {
  color: rgba(155, 164, 181, 0.6);
}
ride-text-editor[mini] .selection .region {
  background-color: #2b3a59;
}
ride-text-editor[mini] .cursor {
  border-color: #568af2;
  border-width: 2px;
}
ride-text-editor[mini].is-focused {
  outline: none;
  border-color: #568af2;
  box-shadow: 0 0 0 1px #568af2;
  background-color: #212837;
}
ride-text-editor[mini].is-focused .selection .region {
  background-color: #39558c;
}
.status {
  font-weight: normal;
  color: #9ba4b5;
}
.status-added {
  color: #73c990;
}
.status-ignored {
  font-weight: normal;
  color: rgba(155, 164, 181, 0.6);
}
.status-modified {
  color: #e2c08d;
}
.status-removed {
  color: #ff6347;
}
.status-renamed {
  color: #6494ed;
}
.input-checkbox:active {
  background-color: #568af2;
}
.input-checkbox:before,
.input-checkbox:after {
  background-color: #001133;
}
.input-checkbox:checked {
  background-color: #568af2;
}
.input-checkbox:indeterminate {
  background-color: #568af2;
}
.input-radio:before {
  background-color: #001133;
}
.input-radio:active {
  background-color: #568af2;
}
.input-radio:checked {
  background-color: #568af2;
}
.input-range::-webkit-slider-thumb {
  background-color: #568af2;
}
.input-toggle:checked {
  background-color: #568af2;
}
.input-toggle:before {
  background-color: #001133;
}
.list-group li:not(.list-nested-item),
.list-tree li:not(.list-nested-item),
.list-group li.list-nested-item > .list-item,
.list-tree li.list-nested-item > .list-item {
  font-weight: normal;
  color: #9ba4b5;
}
.list-group li:not(.list-nested-item).text-subtle,
.list-tree li:not(.list-nested-item).text-subtle,
.list-group li.list-nested-item.text-subtle > .list-item,
.list-tree li.list-nested-item.text-subtle > .list-item {
  font-weight: normal;
  color: rgba(155, 164, 181, 0.6);
}
.list-group li:not(.list-nested-item).text-info,
.list-tree li:not(.list-nested-item).text-info,
.list-group li.list-nested-item.text-info > .list-item,
.list-tree li.list-nested-item.text-info > .list-item {
  color: #6494ed;
}
.list-group li:not(.list-nested-item).text-success,
.list-tree li:not(.list-nested-item).text-success,
.list-group li.list-nested-item.text-success > .list-item,
.list-tree li.list-nested-item.text-success > .list-item {
  color: #73c990;
}
.list-group li:not(.list-nested-item).text-warning,
.list-tree li:not(.list-nested-item).text-warning,
.list-group li.list-nested-item.text-warning > .list-item,
.list-tree li.list-nested-item.text-warning > .list-item {
  color: #e2c08d;
}
.list-group li:not(.list-nested-item).text-error,
.list-tree li:not(.list-nested-item).text-error,
.list-group li.list-nested-item.text-error > .list-item,
.list-tree li.list-nested-item.text-error > .list-item {
  color: #ff6347;
}
.list-group li:not(.list-nested-item).text-selected,
.list-tree li:not(.list-nested-item).text-selected,
.list-group li.list-nested-item.text-selected > .list-item,
.list-tree li.list-nested-item.text-selected > .list-item {
  font-weight: normal;
  color: #d6dae1;
}
.list-group li:not(.list-nested-item).status-added,
.list-tree li:not(.list-nested-item).status-added,
.list-group li.list-nested-item.status-added > .list-item,
.list-tree li.list-nested-item.status-added > .list-item {
  color: #73c990;
}
.list-group li:not(.list-nested-item).selected.status-added,
.list-tree li:not(.list-nested-item).selected.status-added,
.list-group li.list-nested-item.selected.status-added > .list-item,
.list-tree li.list-nested-item.selected.status-added > .list-item {
  color: #73c990;
}
.list-group li:not(.list-nested-item).status-ignored,
.list-tree li:not(.list-nested-item).status-ignored,
.list-group li.list-nested-item.status-ignored > .list-item,
.list-tree li.list-nested-item.status-ignored > .list-item {
  color: rgba(155, 164, 181, 0.6);
}
.list-group li:not(.list-nested-item).selected.status-ignored,
.list-tree li:not(.list-nested-item).selected.status-ignored,
.list-group li.list-nested-item.selected.status-ignored > .list-item,
.list-tree li.list-nested-item.selected.status-ignored > .list-item {
  color: rgba(155, 164, 181, 0.6);
}
.list-group li:not(.list-nested-item).status-modified,
.list-tree li:not(.list-nested-item).status-modified,
.list-group li.list-nested-item.status-modified > .list-item,
.list-tree li.list-nested-item.status-modified > .list-item {
  color: #e2c08d;
}
.list-group li:not(.list-nested-item).selected.status-modified,
.list-tree li:not(.list-nested-item).selected.status-modified,
.list-group li.list-nested-item.selected.status-modified > .list-item,
.list-tree li.list-nested-item.selected.status-modified > .list-item {
  color: #e2c08d;
}
.list-group li:not(.list-nested-item).status-removed,
.list-tree li:not(.list-nested-item).status-removed,
.list-group li.list-nested-item.status-removed > .list-item,
.list-tree li.list-nested-item.status-removed > .list-item {
  color: #ff6347;
}
.list-group li:not(.list-nested-item).selected.status-removed,
.list-tree li:not(.list-nested-item).selected.status-removed,
.list-group li.list-nested-item.selected.status-removed > .list-item,
.list-tree li.list-nested-item.selected.status-removed > .list-item {
  color: #ff6347;
}
.list-group li:not(.list-nested-item).status-renamed,
.list-tree li:not(.list-nested-item).status-renamed,
.list-group li.list-nested-item.status-renamed > .list-item,
.list-tree li.list-nested-item.status-renamed > .list-item {
  color: #6494ed;
}
.list-group li:not(.list-nested-item).selected.status-renamed,
.list-tree li:not(.list-nested-item).selected.status-renamed,
.list-group li.list-nested-item.selected.status-renamed > .list-item,
.list-tree li.list-nested-item.selected.status-renamed > .list-item {
  color: #6494ed;
}
.list-group li:not(.list-nested-item).selected,
.list-tree li:not(.list-nested-item).selected,
.list-group li.list-nested-item.selected > .list-item,
.list-tree li.list-nested-item.selected > .list-item {
  font-weight: normal;
  color: #d6dae1;
}
.list-group .no-icon,
.list-tree .no-icon {
  padding-left: calc(0.45454545em + 16px);
}
.list-tree.has-collapsable-children .list-nested-item > .list-item::before {
  text-align: center;
}
.select-list ol.list-group li.two-lines .secondary-line,
.select-list ol.list-group li.two-lines .secondary-line {
  color: rgba(155, 164, 181, 0.6);
}
.select-list ol.list-group li.two-lines.selected .secondary-line,
.select-list ol.list-group li.two-lines.selected .secondary-line {
  color: rgba(214, 218, 225, 0.5);
  text-shadow: none;
}
.select-list ol.list-group li.selected,
.select-list ol.list-group li.selected {
  background-color: #3b414f;
}
.select-list ol.list-group li.selected:before,
.select-list ol.list-group li.selected:before {
  display: none;
}
.select-list ol.list-group.mark-active li:before,
.select-list ol.list-group.mark-active li:before {
  content: '';
  background-color: transparent;
  position: static;
  display: inline-block;
  left: auto;
  right: auto;
  height: 14px;
  width: 14px;
  font-size: 14px;
}
.select-list ol.list-group.mark-active > li:not(.active):before,
.select-list ol.list-group.mark-active > li:not(.active):before {
  margin-right: 0.45454545em;
}
.select-list ol.list-group.mark-active li.active:before,
.select-list ol.list-group.mark-active li.active:before {
  margin-right: 0.45454545em;
  color: #73c990;
}
.select-list.popover-list {
  background-color: #292e38;
  box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.3);
  padding: 0.375em;
  border-radius: 3px;
}
.select-list.popover-list ride-text-editor[mini] {
  margin-bottom: 0.375em;
}
.select-list.popover-list ol.list-group {
  margin-top: 0.375em;
}
.select-list.popover-list .list-group li {
  padding-left: 0.375em;
}
.ui-sortable li {
  line-height: 2.5;
}
.ui-sortable li.ui-sortable-placeholder {
  visibility: visible !important;
  background-color: #14161a;
}
li.ui-draggable-dragging,
li.ui-sortable-helper {
  line-height: 2em;
  height: 2em;
  border: 0;
  border-radius: 0;
  list-style: none;
  padding: 0 1.5em;
  background: #323843;
  box-shadow: 0 0 1px #1a1d23;
}
background-tips ul.background-message {
  font-weight: 500;
  font-size: 2em;
  color: rgba(155, 164, 181, 0.2);
}
background-tips ul.background-message .message {
  padding: 0 100px;
}
background-tips ul.background-message .message .keystroke {
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1;
  padding: .1em .4em;
}
.nav-tabs {
  border-bottom: 1px solid #1a1d23;
}
.nav-tabs li a,
.nav-tabs li.active a {
  border: none;
  margin-right: 0px;
  margin-bottom: 1px;
}
.nav-tabs li a:hover,
.nav-tabs li.active a,
.nav-tabs li.active a:hover {
  background-color: #323843;
  border: none;
  color: white;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.nav-tabs li.active a {
  background-color: #292e38;
}
atom-notifications {
  font-size: 1.2em;
}
atom-notifications atom-notification {
  width: 32em;
}
atom-notifications atom-notification.has-detail {
  width: 32em;
}
atom-notifications atom-notification:first-child.has-close .message {
  padding-right: 9em;
}
atom-notifications atom-notification:only-child.has-close .message,
atom-notifications atom-notification.has-close .message {
  padding-right: 2.5em;
}
atom-notifications atom-notification .item {
  padding: 0.75em;
}
atom-notifications atom-notification .detail,
atom-notifications atom-notification .description {
  font-size: .85em;
}
atom-notifications atom-notification.icon:before {
  padding-top: .85em;
}
atom-notifications atom-notification .close {
  width: 2.5em;
  height: 3em;
  line-height: 3em;
  font-size: inherit;
}
atom-notifications atom-notification .close-all.btn {
  top: .5em;
  right: 2.5em;
}
atom-notifications atom-notification .btn-copy-report {
  line-height: 2em;
  margin-left: .5em;
}
ride-panel-container.modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
ride-panel.modal {
  position: relative;
  width: 100%;
  max-width: 50em;
  margin: 0 auto;
  left: initial;
  color: #9ba4b5;
  background-color: transparent;
  padding: 0.75em;
}
ride-panel.modal.from-top {
  top: 50px;
}
ride-panel.modal ride-text-editor[mini] {
  margin-bottom: 0.75em;
}
ride-panel.modal .select-list ol.list-group,
ride-panel.modal.select-list ol.list-group {
  border: 1px solid #1a1d23;
  background-color: #2e333e;
}
ride-panel.modal .select-list ol.list-group:empty,
ride-panel.modal.select-list ol.list-group:empty {
  border: none;
  margin-top: 0;
}
ride-panel.modal .select-list ol.list-group li,
ride-panel.modal.select-list ol.list-group li {
  padding: 0.75em 1em;
  line-height: 2em;
  border-bottom: 1px solid #1a1d23;
}
ride-panel.modal .select-list ol.list-group li:last-of-type,
ride-panel.modal.select-list ol.list-group li:last-of-type {
  border-bottom: none;
}
ride-panel.modal .select-list ol.list-group li .icon::before,
ride-panel.modal.select-list ol.list-group li .icon::before {
  margin-left: 1px;
}
ride-panel.modal .select-list ol.list-group li .icon.status,
ride-panel.modal.select-list ol.list-group li .icon.status {
  float: right;
  margin-left: 0.45454545em;
}
ride-panel.modal .select-list ol.list-group li .icon.status:before,
ride-panel.modal.select-list ol.list-group li .icon.status:before {
  margin-left: 0;
  margin-right: 0;
}
ride-panel.modal .select-list ol.list-group li.selected .status.icon,
ride-panel.modal.select-list ol.list-group li.selected .status.icon {
  color: white;
}
ride-panel.modal .select-list .key-binding {
  margin-top: -1px;
  margin-left: 0.75em;
  margin-right: calc(-0.5em + 1px);
}
ride-panel.modal .select-list .primary-line {
  display: block;
}
ride-panel.modal > * {
  position: relative;
}
ride-panel.modal:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: #292e38;
  border-radius: 6px;
  box-shadow: 0 6px 12px -2px rgba(0, 0, 0, 0.4);
}
ride-panel.modal:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #16181d;
  opacity: 0.9;
  backface-visibility: hidden;
  -webkit-animation: overlay-fade 0.24s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@-webkit-keyframes overlay-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
ride-panel-container.left,
ride-panel-container.right {
  min-width: 0.5em;
}
ride-panel {
  font-weight: normal;
  color: #9ba4b5;
  position: relative;
}
ride-panel.header {
  border-bottom: 1px solid #1a1d23;
}
ride-panel.top {
  border: 1px solid #1a1d23;
  border-top: none;
}
ride-panel.left {
  border-bottom: 1px solid #1a1d23;
  border-right: 1px solid #1a1d23;
}
ride-panel.left:last-child {
  border-right: none;
}
ride-panel.right {
  border-bottom: 1px solid #1a1d23;
  border-left: 1px solid #1a1d23;
}
ride-panel.right:first-child {
  border-left: none;
}
ride-panel.bottom {
  border: 1px solid #1a1d23;
  border-top: none;
}
ride-panel.footer:not(:last-child) {
  border-bottom: 1px solid #1a1d23;
}
/* ride-panel.tool-panel:empty {
  border: none;
} */
.panel.bordered {
  border: 1px solid #1a1d23;
  border-radius: 3px;
}
/* .inset-panel {
  position: relative;
  background-color: #323843;
  border-radius: 3px;
} */
.inset-panel.bordered {
  border: 1px solid #1a1d23;
  border-radius: 3px;
}
.inset-panel .panel-heading {
  border-color: rgba(26, 29, 35, 0.85);
}
.panel-heading {
  font-weight: normal;
  color: #9ba4b5;
  border-bottom: 1px solid #1a1d23;
  background-color: #292e38;
}
.panel-heading .btn {
  padding-left: 8px;
  padding-right: 8px;
  color: #b9bfcb;
  text-shadow: none;
  border: 1px solid #1a1d23;
  background-color: #4c5567;
  background-image: linear-gradient(#505a6d, #4c5567);
}
.panel-heading .btn:focus {
  outline: none;
}
.panel-heading .btn:focus,
.panel-heading .btn:hover {
  color: #f3f4f6;
  background-image: linear-gradient(#555e72, #505a6d);
}
.panel-heading .btn:active {
  background: #434b5b;
  box-shadow: none;
}
.panel-heading .btn.selected {
  background: #7596d8;
}
.panel-heading .btn.selected:focus,
.panel-heading .btn.selected:hover {
  background: #7d9cda;
}

ride-pane-container ride-pane {
  position: relative;
}
ride-pane-container ride-pane .item-views {
  border: 1px solid #1a1d23;
  border-top: none;
  overflow: hidden;
}
ride-pane-container ride-pane-axis > ride-pane-resize-handle {
  position: relative;
}
ride-pane-container ride-pane-axis > ride-pane-resize-handle:before {
  content: "";
  position: absolute;
  z-index: 3;
}
ride-pane-container ride-pane-axis.vertical > ride-pane-resize-handle:before {
  height: 8px;
  top: -4px;
  left: 0;
  right: 0;
  cursor: row-resize;
}
ride-pane-container ride-pane-axis.horizontal > ride-pane-resize-handle:before {
  width: 8px;
  left: -4px;
  top: 0;
  bottom: 0;
  cursor: col-resize;
}
ride-pane-container ride-pane-resize-handle.horizontal.horizontal,
ride-pane-container ride-pane-resize-handle.vertical.vertical {
  margin: 0;
}
ride-pane-container ride-pane-resize-handle.horizontal.horizontal {
  width: 0.5em;
  height: initial;
}
ride-pane-container ride-pane-resize-handle.vertical.vertical {
  width: initial;
  height: 0.5em;
}
ride-pane-container ride-pane-resize-handle.horizontal.horizontal:before {
  width: inherit;
  left: initial;
}
ride-pane-container ride-pane-resize-handle.vertical.vertical:before {
  height: inherit;
  top: initial;
}
@-webkit-keyframes spinner-animation {
  0% {
    transform: rotateZ(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.8, 0.2);
  }
  50% {
    transform: rotateZ(180deg);
    -webkit-animation-timing-function: cubic-bezier(0.2, 0.8, 1, 1);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.loading-spinner-tiny {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 16px;
  background: radial-gradient(#568af2 0.1em, transparent 0.11em);
}
.loading-spinner-tiny.inline-block {
  display: inline-block;
}
.loading-spinner-tiny::before,
.loading-spinner-tiny::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 1em;
  border: 2px solid;
  -webkit-animation: spinner-animation 1.2s infinite;
  -webkit-animation-fill-mode: backwards;
}
.loading-spinner-tiny::before {
  border-color: #568af2 transparent transparent transparent;
}
.loading-spinner-tiny::after {
  border-color: transparent #9dbbf7 transparent transparent;
  -webkit-animation-delay: 0.6s;
}
.loading-spinner-tiny.inline-block {
  display: inline-block;
}
.loading-spinner-tiny::before,
.loading-spinner-tiny::after {
  border-width: 1px;
}
.loading-spinner-small {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 32px;
  background: radial-gradient(#568af2 0.1em, transparent 0.11em);
}
.loading-spinner-small.inline-block {
  display: inline-block;
}
.loading-spinner-small::before,
.loading-spinner-small::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 1em;
  border: 2px solid;
  -webkit-animation: spinner-animation 1.2s infinite;
  -webkit-animation-fill-mode: backwards;
}
.loading-spinner-small::before {
  border-color: #568af2 transparent transparent transparent;
}
.loading-spinner-small::after {
  border-color: transparent #9dbbf7 transparent transparent;
  -webkit-animation-delay: 0.6s;
}
.loading-spinner-small.inline-block {
  display: inline-block;
}
.loading-spinner-medium {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 48px;
  background: radial-gradient(#568af2 0.1em, transparent 0.11em);
}
.loading-spinner-medium.inline-block {
  display: inline-block;
}
.loading-spinner-medium::before,
.loading-spinner-medium::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 1em;
  border: 2px solid;
  -webkit-animation: spinner-animation 1.2s infinite;
  -webkit-animation-fill-mode: backwards;
}
.loading-spinner-medium::before {
  border-color: #568af2 transparent transparent transparent;
}
.loading-spinner-medium::after {
  border-color: transparent #9dbbf7 transparent transparent;
  -webkit-animation-delay: 0.6s;
}
.loading-spinner-medium.inline-block {
  display: inline-block;
}
.loading-spinner-large {
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 64px;
  background: radial-gradient(#568af2 0.1em, transparent 0.11em);
}
.loading-spinner-large.inline-block {
  display: inline-block;
}
.loading-spinner-large::before,
.loading-spinner-large::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 1em;
  border: 2px solid;
  -webkit-animation: spinner-animation 1.2s infinite;
  -webkit-animation-fill-mode: backwards;
}
.loading-spinner-large::before {
  border-color: #568af2 transparent transparent transparent;
}
.loading-spinner-large::after {
  border-color: transparent #9dbbf7 transparent transparent;
  -webkit-animation-delay: 0.6s;
}
.loading-spinner-large.inline-block {
  display: inline-block;
}
progress {
  -webkit-appearance: none;
  height: 8px;
  border-radius: 3px;
  background-color: #1c1f26;
  box-shadow: inset 0 0 0 1px #1a1d23;
}
progress::-webkit-progress-bar {
  background-color: transparent;
}
progress::-webkit-progress-value {
  border-radius: 3px;
  background-color: #568af2;
}
progress:indeterminate {
  background-image: linear-gradient(-45deg, transparent 33%, rgba(86, 138, 242, 0.2) 33%, rgba(86, 138, 242, 0.2) 66%, transparent 66%);
  background-size: 25px 8px, 100% 100%, 100% 100%;
  -webkit-animation: progress-buffering 5s linear 12, progress-buffering 5s 60s steps(10) 108;
}
@-webkit-keyframes progress-buffering {
  100% {
    background-position: -100px 0px;
  }
}
.tab-bar::-webkit-scrollbar {
  display: none;
}
.tab-bar:empty {
  display: none;
}
/* .tab-bar .tab {
  position: relative;
  top: 0;
  max-width: 22em;
  min-width: 7em;
  height: 3em;
  font-size: inherit;
  color: rgba(155, 164, 181, 0.6);
  line-height: 3em;
  padding: 0;
  margin: 0;
  background-clip: content-box;
} */
/* .tab-bar .tab::after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: inherit;
  border-radius: 3px 3px 0 0;
  border: 1px solid #1a1d23;
  border-bottom-color: #292e38;
  background-image: linear-gradient(rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
  background-clip: content-box;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.06);
  transition: opacity .16s;
  opacity: 0;
} */
.tab-bar .tab.active::after {
  opacity: 1;
  transition: none;
}
/* .tab-bar .tab .title {
  position: relative;
  height: inherit;
  text-align: center;
  margin: 0 0 0 1em;
  border-bottom: 1px solid transparent;
  text-overflow: clip;
  -webkit-mask: linear-gradient(to left, rgba(0, 0, 0, 0), #000000 1em) no-repeat;
  background-color: #23272f;
  background-clip: content-box;
  backface-visibility: hidden;
  float: left;
} */
/*
.tab-bar .tab:hover .title {
  -webkit-mask-position: -1em 0;
}
.tab-bar .tab.active .title {
  background-color: #292e38;
}
.tab-bar .tab .close-icon {
  top: .77em;
  right: .77em;
  z-index: 2;
  font-size: 1em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  border-radius: 3px;
  overflow: hidden;
  transform: scale(0);
  transition: transform .08s;
  float: right;
  position: relative;
}
.tab-bar .tab .close-icon:hover {
  color: #001133;
  background-color: #568af2;
}*/
.tab-bar .tab .close-icon:active {
  background-color: rgba(86, 138, 242, 0.5);
}
.tab-bar .tab .close-icon::before {
  content: "\f05d";
  position: absolute;
  font-size: 4.7em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  text-align: center;
  transform: translate(-37.5%, -37.5%) rotate(45deg) scale(0.33);
  pointer-events: none;
  font-family: 'Octicons Regular';
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
}
/* .tab-bar .tab:hover .close-icon {
  transform: scale(1);
  transition-duration: .16s;
} */
/* .tab-bar .tab,
.tab-bar .tab.active {
  flex: 1;
} */
/* .tab-bar .tab,
.tab-bar .tab.active {
  padding-right: 0;
} */
/* .tab-bar .tab .title,
.tab-bar .tab.active .title {
  padding: 0 17px 0 3px;
} */
.tab-bar .tab.active {
  color: #d6dae1;
}
.tab-bar .tab {
  border-width: 0 0 0 1px;
  border-image: linear-gradient(#23272f, #1a1d23 1em) 0 0 0 1 stretch;
}
.tab-bar .tab:first-child {
  border-width: 0;
}
.tab-bar .tab.active,
.tab-bar .tab.active + .tab {
  border-image: linear-gradient(transparent, transparent) 0 0 0 1 stretch;
}
.tab-bar .tab.modified:hover .close-icon {
  color: #568af2;
}
.tab-bar .tab.modified:hover .close-icon:hover {
  color: #fff;
}
.tab-bar .tab.modified:not(:hover) .close-icon {
  top: .75em;
  right: .75em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  color: #568af2;
  border: none;
  transform: scale(1);
}
.tab-bar .tab.modified:not(:hover) .close-icon::before {
  content: "\f052";
  display: inline-block;
  font-size: inherit;
  transform: scale(1);
  width: 2em;
  height: 2em;
}
.tab-bar .tab.is-dragging {
  opacity: .5;
}
.tab-bar .tab.is-dragging .close-icon,
.tab-bar .tab.is-dragging:before {
  visibility: hidden;
}
.tab-bar .placeholder {
  margin: 0;
  height: 3em;
  background: #568af2;
  pointer-events: none;
}
.tab-bar .placeholder:after {
  top: 1.5em;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 0;
  border-radius: 0;
  border: 5px solid;
  border-color: transparent transparent transparent #568af2;
  background: transparent;
}
.tab-bar .placeholder:last-child {
  margin-left: -2px;
}
.tab-bar .placeholder:last-child:after {
  margin-left: -10px;
  border-color: transparent #568af2 transparent transparent;
}
.theme-one-light-ui .tab-bar .tab::before {
  left: 0;
}
ride-pane.active .tab.active:before {
  opacity: 1;
  transition-duration: .32s;
}
.tab-bar .tab.active[data-type$="Editor"],
.tab-bar .tab.active[data-type="MarkdownPreviewView"] {
  color: #808080;
  background-color: #fff;
}
.tab-bar .tab.active[data-type$="Editor"]::after,
.tab-bar .tab.active[data-type="MarkdownPreviewView"]::after {
  border-bottom-color: #fff;
}
.tab-bar .tab.active[data-type$="Editor"] .title,
.tab-bar .tab.active[data-type="MarkdownPreviewView"] .title {
  background-color: #fff;
}
h1,
h2,
h3 {
  line-height: 1em;
  margin-bottom: 15px;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.2em;
}
p {
  line-height: 1.6;
  margin-bottom: 15px;
}
label {
  font-weight: normal;
}
pre {
  box-shadow: none;
  color: #9ba4b5;
  background: #323843;
  border-radius: 3px;
  border: none;
  margin: 0;
}
code {
  font-weight: normal;
  color: #d6dae1;
  background: #323843;
  border-radius: 3px;
}
.selected {
  font-weight: normal;
  color: #d6dae1;
}
.text-smaller {
  font-size: 0.9em;
}
.text-subtle {
  font-weight: normal;
  color: rgba(155, 164, 181, 0.6);
}
.text-highlight {
  font-weight: normal;
  color: #d6dae1;
}
.text-error {
  color: #ff6347;
}
.text-info {
  color: #6494ed;
}
.text-info:hover {
  color: #6494ed;
}
.text-warning {
  color: #e2c08d;
}
.text-warning:hover {
  color: #e2c08d;
}
.text-success {
  color: #73c990;
}
.text-success:hover {
  color: #73c990;
}
.highlight-mixin {
  padding: 1px 4px;
  border-radius: 2px;
}
.highlight {
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 700;
  color: #d6dae1;
  background-color: #323843;
}
.highlight-info {
  font-weight: bold;
  border-radius: 3px;
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 700;
  color: #d6dae1;
  background-color: #323843;
  color: #fff;
  background-color: rgba(15, 130, 230, 0.5);
}
.highlight-info {
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 500;
  color: white;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
  background-color: #0f82e6;
}
.highlight-warning {
  font-weight: bold;
  border-radius: 3px;
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 700;
  color: #d6dae1;
  background-color: #323843;
  color: #fff;
  background-color: rgba(173, 124, 11, 0.5);
}
.highlight-warning {
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 500;
  color: white;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
  background-color: #ad7c0b;
}
.highlight-error {
  font-weight: bold;
  border-radius: 3px;
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 700;
  color: #d6dae1;
  background-color: #323843;
  color: #fff;
  background-color: rgba(209, 59, 46, 0.5);
}
.highlight-error {
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 500;
  color: white;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
  background-color: #d13b2e;
}
.highlight-success {
  font-weight: bold;
  border-radius: 3px;
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 700;
  color: #d6dae1;
  background-color: #323843;
  color: #fff;
  background-color: rgba(43, 161, 67, 0.5);
}
.highlight-success {
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: 500;
  color: white;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
  background-color: #2ba143;
}
.results-view .path-details.list-item {
  color: #a1a9ba;
}
.title-bar {
  height: 22px;
  border-bottom: none;
}
.tooltip {
  white-space: nowrap;
  font-size: 1.15em;
}
.tooltip.in {
  opacity: 1;
  transition: opacity 0.12s ease-out;
}
.tooltip .tooltip-inner {
  line-height: 1;
  padding: 0.75em 0.975em;
  border-radius: 3px;
  background-color: #4d78cc;
  color: #fff;
  white-space: nowrap;
  max-width: none;
}
.tooltip .keystroke {
  font-size: 1em;
  padding: .1em .4em;
  margin: 0 -0.525em 0 0.375em;
  border-radius: 2px;
  color: #4d78cc;
  background: #fff;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #4d78cc;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #4d78cc;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #4d78cc;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #4d78cc;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #4d78cc;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #4d78cc;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #4d78cc;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #4d78cc;
}
.tree-view {
  position: relative;
  padding-left: 10px;
  font-size: 1em;npm
}
.tree-view .project-root.project-root:first-child {
  padding-top: 0.5em;
}
.tree-view .project-root.project-root:before {
  height: 3em;
  background-clip: padding-box;
}
.tree-view .project-root.project-root > .header .name {
  line-height: 3em;
}
.tree-view .selected:before {
  background: #2e333e;
}
.theme-one-dark-ui .tree-view .project-root.project-root::before {
  border-top: 1px solid transparent;
  background-clip: padding-box;
}
/* .tree-view-resizer .tree-view-resize-handle {
  width: 8px;
  right: -5px;
} */
.list-group li:not(.list-nested-item),
.list-tree li:not(.list-nested-item),
.list-group li.list-nested-item > .list-item,
.list-tree li.list-nested-item > .list-item {
  line-height: 2em;
}
.list-group .selected::before,
.list-tree .selected::before {
  height: 2em;
}
.list-group .icon,
.list-tree .icon {
  display: inline-block;
  height: inherit;
}
.list-group .icon::before,
.list-tree .icon::before {
  top: initial;
  line-height: inherit;
  height: inherit;
  vertical-align: top;
}
.tree-view::before {
  content: "";
  position: fixed;
  pointer-events: none;
  z-index: 1;
  margin-top: 0.5em;
  margin-left: -5px;
  height: 3em;
  width: 2px;
  background: #568af2;
  opacity: 0;
  transition: opacity .16s;
}
.tree-view:focus::before {
  opacity: 1;
  transition-duration: .32s;
}
.status-bar {
  font-size: 1em;
  height: 2.625em;
  line-height: 2.625em;
  background-color: #23272f;
}
.status-bar .flexbox-repaint-hack {
  padding: 0 0.75em;
}
.status-bar .inline-block {
  margin-right: 1.5em;
  vertical-align: top;
}
.status-bar .status-bar-right .inline-block {
  margin-right: 0;
  margin-left: 1.5em;
}
.status-bar .status-bar-right .inline-block > .inline-block {
  margin-left: 0;
}
.status-bar .status-bar-right .icon {
  margin-right: 0.1875em;
}
.status-bar .icon::before {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.key-binding {
  display: inline-block;
  margin-left: 0.45454545em;
  padding: 0 0.375em;
  line-height: 2;
  font-family: inherit;
  font-size: 1em;
  letter-spacing: 0.1em;
  border-radius: 3px;
  color: #fff;
  background-color: #4d78cc;
}
.ui-site-1 {
  background-color: #0088ff;
}
.ui-site-2 {
  background-color: #20b684;
}
.ui-site-3 {
  background-color: #cc8533;
}
.ui-site-4 {
  background-color: #D831B0;
}
.ui-site-5 {
  background-color: #EBDD5B;
}
.settings-view .config-menu {
  position: relative;
  min-width: 15em;
  max-width: 20em;
  border-width: 0 1px 0 0;
  border-image: linear-gradient(#292e38 10px, #1a1d23 200px) 0 1 0 0 stretch;
  background: #292e38;
}
.settings-view .config-menu .btn {
  white-space: initial;
  font-size: 0.889em;
  line-height: 1;
  padding: 0.5em 0.75em;
}
.settings-view .config-menu .btn::before {
  vertical-align: middle;
}
.settings-view .nav > li > a {
  padding: 0.75em 1.5em;
  line-height: 2em;
}
.settings-view > .panels {
  background-color: #292e38;
}
.settings-view .section-container {
  max-width: 60em;
}
.settings-view .sub-section {
  margin: 4.5em 0;
}
.settings-view .section,
.settings-view .section:first-child,
.settings-view .section:last-child {
  padding: 4.5em;
}
.settings-view .themes-panel .control-group {
  margin-top: 3em;
}
.settings-view .section .section-heading {
  margin-bottom: 1em;
}
.settings-view .sub-section-heading.icon:before,
.settings-view .section-heading.icon:before {
  margin-right: 0.45454545em;
}
.settings-view .package-card {
  padding: 1.5em;
}
.settings-view .package-card .meta-controls .status-indicator {
  width: 0.375em;
}
.settings-view .package-card .meta-controls .status-indicator:before {
  content: "\00a0";
}
.settings-view .icon::before {
  color: rgba(155, 164, 181, 0.6);
}
.settings-view .editor-container {
  margin: 1.5em 0;
}
.settings-view .form-control {
  font-size: 1.25em;
  height: 2em;
  padding-top: 0;
  padding-bottom: 0;
}
.settings-view .update-all-button {
  font-size: .75em;
}
.settings-view .install-button {
  color: #d6dae1;
  text-shadow: none;
  border: 1px solid #1a1d23;
  background-color: #4d78cc;
  background-image: linear-gradient(#557ecf, #4d78cc);
  color: white;
}
.settings-view .install-button:focus {
  outline: none;
}
.settings-view .install-button:focus,
.settings-view .install-button:hover {
  color: #ffffff;
  background-image: linear-gradient(#6187d2, #5981d0);
}
.settings-view .install-button:active {
  background: #3d6bc8;
  box-shadow: none;
}
.settings-view .install-button.selected {
  background: #1b52c2;
}
.settings-view .install-button.selected:focus,
.settings-view .install-button.selected:hover {
  background: #1c56cb;
}
.settings-view .install-button:hover,
.settings-view .install-button:focus {
  color: white;
}
.settings-view .install-button.icon:before {
  color: white;
}
.settings-view input[type="checkbox"] {
  background-color: #3b414f;
}
.settings-view input[type="checkbox"]:active,
.settings-view input[type="checkbox"]:checked {
  background-color: #568af2;
}
.settings-view input[type="checkbox"]:before,
.settings-view input[type="checkbox"]:after {
  background-color: #001133;
}
.settings-view .search-container .btn {
  font-size: 1.15em;
}
.find-and-replace,
.project-find {
  padding: 0.375em;
}
.find-and-replace .input-block-item,
.project-find .input-block-item {
  padding: 0.375em;
}
.find-and-replace .header,
.find-and-replace .input-block {
  min-width: 22em;
}
.find-and-replace .input-block-item {
  flex: 1 1 22em;
}
.find-and-replace .input-block-item--flex {
  flex: 100 1 22em;
}
.find-and-replace .btn,
.find-and-replace .btn-group-options .btn {
  font-size: 1.1em;
  padding: 0;
}
.find-and-replace .btn-group-options .btn,
.find-and-replace .btn-group-options .btn.option-selection,
.find-and-replace .btn-group-options .btn.option-whole-word {
  padding: 0;
  font-size: 1.15em;
}
.find-and-replace .find-container ride-text-editor {
  padding-right: 5em;
}
.find-and-replace .find-meta-container {
  top: 0;
  font-size: 1em;
  line-height: 2.5em;
}
.project-find .header,
.project-find .input-block {
  min-width: 15em;
}
.project-find .input-block-item {
  flex: 1 1 14em;
}
.project-find .input-block-item--flex {
  flex: 100 1 20em;
}
.project-find .btn {
  font-size: 1.1em;
  padding: 0;
}
.project-find .btn-group-options .btn {
  padding: 0;
  font-size: 1.15em;
}
.find-and-replace.has-no-results .find-container ride-text-editor[mini].is-focused {
  border-color: #ff6347;
  box-shadow: 0 0 0 1px #ff6347;
  background-color: #332629;
}
.find-and-replace.has-no-results .find-container ride-text-editor[mini].is-focused .selection .region {
  background-color: #8e4137;
}
.find-and-replace.has-no-results .find-container ride-text-editor[mini].is-focused .cursor {
  border-color: #ff6347;
}
.find-and-replace.has-results .find-container ride-text-editor[mini].is-focused {
  border-color: #73c990;
  box-shadow: 0 0 0 1px #73c990;
  background-color: #253031;
}
.find-and-replace.has-results .find-container ride-text-editor[mini].is-focused .selection .region {
  background-color: #48745b;
}
.find-and-replace.has-results .find-container ride-text-editor[mini].is-focused .cursor {
  border-color: #73c990;
}
.find-and-replace.has-results .find-container .result-counter {
  color: #73c990;
}
.find-and-replace.has-no-results .find-container .result-counter {
  color: #ff6347;
}
.timecop .timecop-panel {
  padding: 5px;
  background-color: #292e38;
}
/* .timecop .tool-panel {
  padding: 5px;
  background-color: #292e38;
} */
.timecop .inset-panel {
  border: 1px solid #1a1d23;
}
.timecop .panel-heading {
  font-weight: normal;
  color: #d6dae1;
  border-color: #1a1d23;
  background-color: #363d49;
}
.timecop .list-item .inline-block {
  line-height: 1.5;
}
.command-palette .list-group .character-match,
.fuzzy-finder .list-group .character-match {
  color: #759ef2;
}
.deprecation-cop .deprecation-overview {
  background-color: #292e38;
  border-bottom: 1px solid #1a1d23;
}
.tool-bar {
  background-color: #23272f;
  border: none;
}
.tool-bar.tool-bar-horizontal .tool-bar-spacer {
  border-left: 0 none;
  margin-left: .5em;
  margin-right: .5em;
}
.tool-bar.tool-bar-vertical .tool-bar-spacer {
  border-bottom: 0 none;
  margin-top: .5em;
  margin-bottom: .5em;
}
.tool-bar button.tool-bar-btn {
  background-color: #23272f;
  background-image: none;
  border-color: #23272f;
}
.preview-pane .results-view .path-match-number {
  color: inherit;
  opacity: .6;
}
/* .tool-panel.incompatible-packages {
  font-weight: normal;
  color: #9ba4b5;
  background-color: #292e38;
} */
.styleguide ride-panel.modal:after {
  position: absolute;
  left: -1.5em;
  right: -1.5em;
  bottom: -1.5em;
}
html {
  font-size: 12px;
}
@media (min-width: 2560px) {
  [theme-one-dark-ui-layoutmode="auto"] {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  [theme-one-dark-ui-layoutmode="auto"] {
    font-size: 13px;
  }
}
[theme-one-dark-ui-layoutmode="compact"] {
  font-size: 11px;
}
[theme-one-dark-ui-layoutmode="compact"] ride-workspace {
  padding-right: 0;
}
[theme-one-dark-ui-layoutmode="compact"] ride-workspace ride-panel-container.left:empty {
  padding-left: 0;
}
[theme-one-dark-ui-layoutmode="compact"] ride-pane-container {
  padding-top: 0;
}
[theme-one-dark-ui-layoutmode="compact"] ride-pane-container ride-pane {
  border-left: 1px solid #1a1d23;
  border-bottom: 1px solid #1a1d23;
}
[theme-one-dark-ui-layoutmode="compact"] ride-pane-container ride-pane .item-views {
  border: none;
}
[theme-one-dark-ui-layoutmode="compact"] ride-pane-container ride-pane-resize-handle.horizontal.horizontal {
  width: initial;
}
[theme-one-dark-ui-layoutmode="compact"] ride-pane-container ride-pane-resize-handle.horizontal.horizontal:before {
  width: 8px;
  left: -4px;
}
[theme-one-dark-ui-layoutmode="compact"] ride-pane-container ride-pane-resize-handle.vertical.vertical {
  height: initial;
}
[theme-one-dark-ui-layoutmode="compact"] ride-pane-container ride-pane-resize-handle.vertical.vertical:before {
  height: 8px;
  top: -4px;
}
[theme-one-dark-ui-layoutmode="compact"] ride-panel-container.left,
[theme-one-dark-ui-layoutmode="compact"] ride-panel-container.right {
  min-width: 0;
}
[theme-one-dark-ui-layoutmode="compact"] ride-panel.top {
  border-right: none;
}
[theme-one-dark-ui-layoutmode="compact"] ride-panel.left {
  border-left: none;
  border-right: 1px solid #1a1d23;
}
[theme-one-dark-ui-layoutmode="compact"] ride-panel.left:last-child {
  border-right: none;
}
[theme-one-dark-ui-layoutmode="compact"] ride-panel.right:first-child {
  border-left: 1px solid #1a1d23;
}
[theme-one-dark-ui-layoutmode="compact"] ride-panel.bottom {
  border-right: none;
}
/* [theme-one-dark-ui-layoutmode="compact"] ride-panel.tool-panel:empty {
  border: none;
} */
[theme-one-dark-ui-layoutmode="compact"] .tab-bar .tab {
  border-radius: 0;
}
[theme-one-dark-ui-layoutmode="compact"] .tab-bar .tab::before {
  border-radius: 0;
  top: 0;
  bottom: 0;
}
.theme-one-dark-ui [theme-one-dark-ui-layoutmode="compact"] .tab-bar .tab::before {
  left: 1px;
}
[theme-one-dark-ui-layoutmode="compact"] .tab-bar .tab:first-of-type::before {
  left: 0;
}
[theme-one-dark-ui-layoutmode="compact"] .tab-bar .tab::after {
  border-top: none;
  border-radius: 0;
  background-image: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
[theme-one-dark-ui-layoutmode="compact"] .tab-bar .tab:first-of-type::after {
  border-left: none;
}
[theme-one-dark-ui-layoutmode="compact"] .tab-bar .tab:last-of-type::after {
  border-right: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 1px 0 0 #1a1d23;
}
[theme-one-dark-ui-layoutmode="compact"] .tree-view::before {
  margin-top: 0;
}
[theme-one-dark-ui-layoutmode="compact"] .tree-view .project-root.project-root {
  padding-top: 0;
}
[theme-one-dark-ui-layoutmode="compact"] .tree-view .project-root.project-root:before {
  height: 3em;
}
[theme-one-dark-ui-layoutmode="compact"] .theme-one-dark-ui .tree-view .project-root.project-root::before {
  border-top: none;
}
@media (max-width: 1000px), (max-height: 600px) {
  [theme-one-dark-ui-layoutmode="auto"] {
    font-size: 11px;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-workspace {
    padding-right: 0;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-workspace ride-panel-container.left:empty {
    padding-left: 0;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-pane-container {
    padding-top: 0;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-pane-container ride-pane {
    border-left: 1px solid #1a1d23;
    border-bottom: 1px solid #1a1d23;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-pane-container ride-pane .item-views {
    border: none;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-pane-container ride-pane-resize-handle.horizontal.horizontal {
    width: initial;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-pane-container ride-pane-resize-handle.horizontal.horizontal:before {
    width: 8px;
    left: -4px;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-pane-container ride-pane-resize-handle.vertical.vertical {
    height: initial;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-pane-container ride-pane-resize-handle.vertical.vertical:before {
    height: 8px;
    top: -4px;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-panel-container.left,
  [theme-one-dark-ui-layoutmode="auto"] ride-panel-container.right {
    min-width: 0;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-panel.top {
    border-right: none;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-panel.left {
    border-left: none;
    border-right: 1px solid #1a1d23;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-panel.left:last-child {
    border-right: none;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-panel.right:first-child {
    border-left: 1px solid #1a1d23;
  }
  [theme-one-dark-ui-layoutmode="auto"] ride-panel.bottom {
    border-right: none;
  }
  /* [theme-one-dark-ui-layoutmode="auto"] ride-panel.tool-panel:empty {
    border: none;
  } */
  [theme-one-dark-ui-layoutmode="auto"] .tab-bar .tab {
    border-radius: 0;
  }
  [theme-one-dark-ui-layoutmode="auto"] .tab-bar .tab::before {
    border-radius: 0;
    top: 0;
    bottom: 0;
  }
  .theme-one-dark-ui [theme-one-dark-ui-layoutmode="auto"] .tab-bar .tab::before {
    left: 1px;
  }
  [theme-one-dark-ui-layoutmode="auto"] .tab-bar .tab:first-of-type::before {
    left: 0;
  }
  [theme-one-dark-ui-layoutmode="auto"] .tab-bar .tab::after {
    border-top: none;
    border-radius: 0;
    background-image: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }
  [theme-one-dark-ui-layoutmode="auto"] .tab-bar .tab:first-of-type::after {
    border-left: none;
  }
  [theme-one-dark-ui-layoutmode="auto"] .tab-bar .tab:last-of-type::after {
    border-right: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 1px 0 0 #1a1d23;
  }
  [theme-one-dark-ui-layoutmode="auto"] .tree-view::before {
    margin-top: 0;
  }
  [theme-one-dark-ui-layoutmode="auto"] .tree-view .project-root.project-root {
    padding-top: 0;
  }
  [theme-one-dark-ui-layoutmode="auto"] .tree-view .project-root.project-root:before {
    height: 3em;
  }
  [theme-one-dark-ui-layoutmode="auto"] .theme-one-dark-ui .tree-view .project-root.project-root::before {
    border-top: none;
  }
}
[theme-one-dark-ui-tabsizing="minimum"] .tab,
[theme-one-dark-ui-tabsizing="minimum"] .tab.active {
  flex: 0 0 auto;
  min-width: 3em;
}
[theme-one-dark-ui-tabsizing="minimum"] .tab .close-icon.close-icon.close-icon {
  top: .86em;
  right: .46em;
  width: 1.25em;
  height: 1.25em;
  line-height: 1.25;
}
[theme-one-dark-ui-tabsizing="minimum"] .tab .close-icon::before {
  width: 1.25em;
  height: 1.25em;
  line-height: 1.25;
}
[theme-one-dark-ui-tabsizing="minimum"] .tab .title {
  -webkit-mask: none;
  margin-left: 1.25em;
  margin-right: 1.25em;
}
[theme-one-dark-ui-tabsizing="minimum"] .tab.modified .title,
[theme-one-dark-ui-tabsizing="minimum"] .tab:hover .title {
  -webkit-mask: linear-gradient(to left, rgba(0, 0, 0, 0), #000000 1em) no-repeat;
  -webkit-mask-position: -0.6em 0;
}
@media (max-width: 1000px) {
  [theme-one-dark-ui-tabsizing="auto"] .tab,
  [theme-one-dark-ui-tabsizing="auto"] .tab.active {
    flex: 0 0 auto;
    min-width: 3em;
  }
  [theme-one-dark-ui-tabsizing="auto"] .tab .close-icon.close-icon.close-icon {
    top: .86em;
    right: .46em;
    width: 1.25em;
    height: 1.25em;
    line-height: 1.25;
  }
  [theme-one-dark-ui-tabsizing="auto"] .tab .close-icon::before {
    width: 1.25em;
    height: 1.25em;
    line-height: 1.25;
  }
  [theme-one-dark-ui-tabsizing="auto"] .tab .title {
    -webkit-mask: none;
    margin-left: 1.25em;
    margin-right: 1.25em;
  }
  [theme-one-dark-ui-tabsizing="auto"] .tab.modified .title,
  [theme-one-dark-ui-tabsizing="auto"] .tab:hover .title {
    -webkit-mask: linear-gradient(to left, rgba(0, 0, 0, 0), #000000 1em) no-repeat;
    -webkit-mask-position: -0.6em 0;
  }
}
.styleguide .is-color.text-color:before {
  background-color: #9ba4b5;
}
.styleguide .is-color.text-color-subtle:before {
  background-color: rgba(155, 164, 181, 0.6);
}
.styleguide .is-color.text-color-highlight:before {
  background-color: #d6dae1;
}
.styleguide .is-color.text-color-selected:before {
  background-color: white;
}
.styleguide .is-color.text-color-info:before {
  background-color: #6494ed;
}
.styleguide .is-color.text-color-success:before {
  background-color: #73c990;
}
.styleguide .is-color.text-color-warning:before {
  background-color: #e2c08d;
}
.styleguide .is-color.text-color-error:before {
  background-color: #ff6347;
}
.styleguide .is-color.background-color-info:before {
  background-color: #0f82e6;
}
.styleguide .is-color.background-color-success:before {
  background-color: #2ba143;
}
.styleguide .is-color.background-color-warning:before {
  background-color: #ad7c0b;
}
.styleguide .is-color.background-color-error:before {
  background-color: #d13b2e;
}
.styleguide .is-color.background-color-highlight:before {
  background-color: #323843;
}
.styleguide .is-color.background-color-selected:before {
  background-color: #3b414f;
}
.styleguide .is-color.app-background-color:before {
  background-color: #23272f;
}
.styleguide .is-color.base-background-color:before {
  background-color: #292e38;
}
.styleguide .is-color.base-border-color:before {
  background-color: #1a1d23;
}
.styleguide .is-color.pane-item-background-color:before {
  background-color: #292e38;
}
.styleguide .is-color.pane-item-border-color:before {
  background-color: #1a1d23;
}
.styleguide .is-color.input-background-color:before {
  background-color: #1c1f26;
}
.styleguide .is-color.input-border-color:before {
  background-color: #1a1d23;
}
/* .styleguide .is-color.tool-panel-background-color:before {
  background-color: #23272f;
} */
/* .styleguide .is-color.tool-panel-border-color:before {
  background-color: #1a1d23;
} */
.styleguide .is-color.inset-panel-background-color:before {
  background-color: #323843;
}
.styleguide .is-color.inset-panel-border-color:before {
  background-color: rgba(26, 29, 35, 0.85);
}
.styleguide .is-color.panel-heading-background-color:before {
  background-color: #292e38;
}
.styleguide .is-color.panel-heading-border-color:before {
  background-color: #1a1d23;
}
.styleguide .is-color.overlay-background-color:before {
  background-color: #292e38;
}
.styleguide .is-color.overlay-border-color:before {
  background-color: #1a1d23;
}
.styleguide .is-color.button-background-color:before {
  background-color: #363d49;
}
.styleguide .is-color.button-background-color-hover:before {
  background-color: #3b414f;
}
.styleguide .is-color.button-background-color-selected:before {
  background-color: #4d78cc;
}
.styleguide .is-color.button-border-color:before {
  background-color: #1a1d23;
}
.styleguide .is-color.tab-bar-background-color:before {
  background-color: #23272f;
}
.styleguide .is-color.tab-bar-border-color:before {
  background-color: #1a1d23;
}
.styleguide .is-color.tab-background-color:before {
  background-color: #23272f;
}
.styleguide .is-color.tab-background-color-active:before {
  background-color: #292e38;
}
.styleguide .is-color.tab-border-color:before {
  background-color: #1a1d23;
}
.styleguide .is-color.tree-view-background-color:before {
  background-color: #23272f;
}
.styleguide .is-color.tree-view-border-color:before {
  background-color: #1a1d23;
}
.styleguide .is-color.ui-site-color-1:before {
  background-color: #0088ff;
}
.styleguide .is-color.ui-site-color-2:before {
  background-color: #20b684;
}
.styleguide .is-color.ui-site-color-3:before {
  background-color: #cc8533;
}
.styleguide .is-color.ui-site-color-4:before {
  background-color: #D831B0;
}
.styleguide .is-color.ui-site-color-5:before {
  background-color: #EBDD5B;
}
.styleguide .is-size.disclosure-arrow-size:after {
  width: 12px;
}
.styleguide .is-size.component-padding:after {
  width: 10px;
}
.styleguide .is-size.component-icon-padding:after {
  width: 5px;
}
.styleguide .is-size.component-icon-size:after {
  width: 16px;
}
.styleguide .is-size.component-line-height:after {
  width: 25px;
}
.styleguide .is-size.tab-height:after {
  width: 30px;
}
.styleguide .is-size.font-size:after {
  width: 12px;
}
.styleguide .is-radius.component-border-radius:after {
  border-radius: 3px;
}
.styleguide .is-font.font-family:after {
  content: 'BlinkMacSystemFont', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;
  font-family: 'BlinkMacSystemFont', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;
}
.styleguide .is-color:before,
.styleguide .is-size:after,
.styleguide .is-radius:after {
  content: "";
  display: inline-block;
  height: 20px;
  vertical-align: middle;
}
.styleguide .is-color:before {
  margin-right: 15px;
  width: 20%;
}
.styleguide .is-size:after {
  margin-left: 15px;
  height: 4px;
  background-color: #9ba4b5;
}
.styleguide .is-radius:after {
  width: 20px;
  margin-left: 15px;
  background-color: #9ba4b5;
}
.styleguide .is-font:after {
  margin-left: 10px;
  color: #d6dae1;
}
.styleguide .example-code {
  display: none;
}
.styleguide .example-rendered {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.styleguide .example-code {
  display: none;
}
.styleguide .input-search,
.styleguide .input-textarea {
  margin-top: 10px;
}
.styleguide .input-label {
  display: block;
  width: -webkit-max-content;
  margin: 0 1em 1em 0;
}
.styleguide .input-color,
.styleguide .input-number,
.styleguide .input-select {
  margin: 0 10px 0 0 !important;
}
.styleguide .ui-site-1,
.styleguide .ui-site-2,
.styleguide .ui-site-3,
.styleguide .ui-site-4,
.styleguide .ui-site-5 {
  height: 10px;
  width: 100px;
}
.styleguide ride-panel.modal {
  position: relative;
  max-width: 100%;
  left: 0;
  margin: 0;
}
.styleguide .popover-list {
  position: relative;
}
.styleguide .popover-list ride-text-editor[mini],
.styleguide .select-list ride-text-editor[mini] {
  height: 27px;
}
.styleguide .tooltip {
  position: relative;
  opacity: 1;
  display: inline-block;
  margin-right: 10px;
}
.styleguide [data-name="error-messages"] .example-rendered {
  min-height: 60px;
}
.styleguide {
  position: relative;
  display: flex;
  flex-direction: column;
}
.styleguide a {
  text-decoration: underline;
}
.styleguide-controls {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100;
}

.styleguide-header h1 {
  font-size: 2em;
  margin: 0 0 .5em 0;
  color: #d6dae1;
}
.styleguide-header p {
  font-size: 1.2em;
}
.styleguide-header p:last-of-type {
  margin-bottom: 0;
}
/* v2 new content background color */
.styleguide-sections {
  flex: 1;
  overflow: auto;
  background-color: rgb(33, 37, 43);
}
.styleguide-sections > section {
  background-color: #23272f;
  padding: 0;
  border-bottom: 1px solid #1a1d23;
  border-top: none;
}
.styleguide-sections > section:last-child {
  margin-bottom: 0;
}
.styleguide-sections > section.collapsed {
  background-color: #292e38;
}
.styleguide-sections > section.collapsed > .section-heading {
  display: block;
  margin: 0;
  padding-bottom: 15px;
  color: #9ba4b5;
}
.styleguide-sections > section.collapsed > .section-heading:hover {
  color: #d6dae1;
  background-color: #323843;
}
.styleguide-sections > section.collapsed > .section-heading:active {
  background-color: #292e38;
}
.styleguide-sections > section.collapsed > * {
  display: none;
}
.styleguide-sections .section-heading.section-heading {
  padding: 15px 15px 0 15px;
  cursor: pointer;
  font-weight: normal;
  font-size: 1.8em;
  color: #d6dae1;
}
.styleguide-sections section > h2 {
  font-size: 1.5em;
  line-height: 1.2;
  margin: 1em 15px 0 15px;
  color: #d6dae1;
}
.styleguide-sections section > h3 {
  font-size: 1.2em;
  line-height: .9;
  margin: 1em 15px 0 15px;
  color: #d6dae1;
}
.styleguide-sections section > p {
  font-size: 1.1em;
  margin: 0.5em 15px 1em 15px;
}
.styleguide .example {
  display: flex;
  flex-wrap: wrap;
  border-radius: 3px;
  padding: 5px;
}
.styleguide .example .example-rendered,
.styleguide .example .example-code {
  position: relative;
  flex: 1 1 300px;
  min-width: 0;
  margin: 5px;
  border-radius: 3px;
  border: 1px solid #1a1d23;
}
.styleguide .example .example-rendered {
  padding: 10px;
  background: #292e38;
  overflow: hidden;
}
.styleguide .example .example-code {
  background-color: #fff;
}
.styleguide .example .example-code pre {
  border: none;
  background-color: inherit;
}
.styleguide .control {
  border-radius: 3px;
  padding: 5px;
}
.styleguide .control .control-rendered,
.styleguide .control .control-code {
  position: relative;
  min-width: 0;
  margin: 5px;
  border-radius: 3px;
  border: 1px solid #1a1d23;
}
.styleguide .control .control-rendered {
  padding: 10px;
  background: #292e38;
  overflow: hidden;
}
.styleguide .control .control-code {
  background-color: #fff;
}
.styleguide .control .control-code pre {
  border: none;
  background-color: inherit;
}
.styleguide .control .control-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.styleguide .control .control-wrap .label,
.styleguide .control .control-wrap label {
  flex: 1.2 0 0;
  text-align: right;
  margin: 0.5em 8px 0.5em -6px;
}
.styleguide .control .control-wrap .controls {
  flex: 2.8 0 0;
}
.styleguide .control .control-wrap .controls select {
  width: 100%;
}
.styleguide .control .control-wrap .controls .btn-group,
.styleguide .control .control-wrap .controls .btn-justify {
  display: flex;
}
.styleguide .control .control-wrap .controls .btn-group .btn,
.styleguide .control .control-wrap .controls .btn-justify .btn {
  flex: 1;
}
/*
.tree {
  list-style: none;
  margin: 1em;
  padding: 0;
}
.tree input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.tree input ~ ul {
  display: none;
  padding: 0;
}
.tree input:checked ~ ul {
  display: block;
}
.tree .treecaret:after {
  font-family: 'Octocons Regular';
  font-weight: normal;
  font-style: normal;
  position: relative;
  top: -1px;
  margin-left: 5px;
  display: inline-block;
  line-height: 1;
  font-size: 12;
  width: 12px;
  height: 12px;
  content: "\F0A3";
  text-align: center;
  text-decoration: none;
}

.tree li {
  line-height: 1.2;
  position: relative;
  padding: 0 0 1em 1em;
}
.tree ul li {
  list-style: none;
  padding: 1em 0 0 1em;
}
.tree > li:last-child {
  padding-bottom: 0;
}
.tree_label {
  position: relative;
  left: -0.5em;
  display: inline-block;
  margin: 0;
  padding-left: 1em;
  border-left: 1px solid rgba(0, 0, 0, 0);
}


label.tree_label:before {
  background: #4d78cc;
  color: #7c8492;
  position: relative;
  float: left;
  margin: 0 1em 0 -1.6em;
  width: 1.2em;
  height: 1.2em;
  border-radius: 1em;
  content: '';
  text-align: center;
  line-height: .66em;
  border: 3px solid #4d78cc;
  z-index: 1;
  cursor: pointer;
}
:checked ~ label.tree_label {
  border-left: 1px solid #4d78cc;
}

:checked ~ label.tree_label:before {
  background: #4dc1cc;
  content: '';
}

[disabled] ~ label.tree_label:before {
  background: #23272f;
}
label.tree_label:hover:before {
  border-color: #d6dae1;
}
.tree li:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.5em;
  display: block;
  width: 0;
  border-left: 1px solid #4d78cc;
  content: "";
}
.tree_label:after {
  position: absolute;
  top: 0;
  left: -1.048em;
  display: block;
  height: 0.5em;
  width: 1.07em;
  border-bottom: 1px solid #4d78cc;
  border-left: 1px solid #4d78cc;
  border-radius: 0 0 0 .6em;
  content: '';
}

.tree > li > .tree_label:after {
  display: none;
}

:checked ~ label.tree_label:after {
  border-radius: 0 0 0 .6em;
  border-bottom: 1px solid #4d78cc;
  border-left: 1px solid #4d78cc;
  border-top: 0;
  border-right: 0;
  top: 0;
  bottom: 0.7em;

}
.tree li:last-child:before {
  height: 1em;
  bottom: auto;
}
.tree > li:last-child:before {
  display: none;
}
.tree li .tree_custom {
  display: block;
  background: #292e38;
  font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
  font-size: .95em;
  line-height: 1.5;
  margin-top: .5em;
  margin-left: -0.3em;
  padding: .9em 1.2em .6em;
  border-radius: 0.2em;
  border: 1px solid #1a1d23;
}*/
.styleguide .tree_custom {
  border: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.plus-icon {
  font-size: 15px;
  float: right;
  /*float:right;*/
  position: absolute;
  right: 0px;
  position: absolute;
  right: 0px;

  cursor: pointer;
  z-index: 100;
}
.create-menu {
  padding: 5px 10px 10px 10px;
  width: 150px;
  position: absolute;
  background-color: gray;
  left: 10px;
  z-index: 99;
  border-radius: 10px;
  color: black;
}
.create-button {
  width: 90%;
  height: 25px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 5px;
  border-radius: 10px;
}

.create-button:hover {
  background-color: rgb(33, 37, 43);
  color: white;
  font-weight: 550;
}

.create-form {
  width: 100%;
  height: 25px;
  background-color: #23272f;
  color: white;
}
.tab-container {
  overflow: scroll;
}
.delete-prompt {
  height: 200px;
  width: 200px;
  position: absolute;
  left: 400px;
  background-color: grey;
  z-index: 5;
}
.rename-input {
  height:25px;
  width:100%;
  background-color: #23272f;
  color:white;
}

.refresh {
  float: right;
  border: 5px solid black;
  padding: 2px;
}

#refresh {
  height: 20px;
  text-align: center;
  padding-top: 3px;
}
